web前端优化之内容优化

标签：请求   定位   跨域   ack   冲突   iframe   domain   sprite   最小   

前端内容优化主要有以下几条：

1.尽量减少http请求

　　（1）合并文件，把多个css文件合并在一起；

　　（2）css Sprites，把css相关的background元素进行背景图绝对定位；

　　（3）图像地图；

　　（4）使用data：URL scheme在实际的页面嵌入图像数据；

2.减少DNS（Domain Name System，域名系统）查找

　　DNS查找开销是很大的。对于国内站点来说，过多的使用站外的widget很容易引起更多的DNS查找问题。

3.尽量减少重定向

4.使得ajax可缓存

　　ajax的响应时间对于用户的体验是个至关重要的问题，提高响应时间的有效手段就是cache。

5.延迟载入组件

6.预加载组件

7.减少DOM元素数量

8.切分组件到多个域

　　主要是提高页面的并行下载能力，不要跨域名太多，否则和第二条冲突。

9.最小化iframe数量

　　iframe是SEO大忌，对于前端来说，有利有弊。

10.杜绝http 404错误

web前端优化之内容优化

标签：请求   定位   跨域   ack   冲突   iframe   domain   sprite   最小   

原文地址：http://www.cnblogs.com/webDriver/p/7169862.html