web前端优化 笔记

 

内容：  

1、减少http请求

2、减少dns查找次数

3、预加载

4、推迟加载内容

5、减少dom元素数量

6、使iframe数量减少

7、减少404错误，或者增加个页面显示

 

服务器：

8、使用内容分布。分布静态元素。如用CDN

9、为文件头指定expire或者cachecontrol

对于静态内容：设置文件头过期时间Expires的值为“Never expire”（永不过期）

对于动态内容：使用恰当的Cache-Control文件头来帮助浏览器进行有条件的请求

10、Gzip压缩文件

11、配置Etag

判断浏览器的缓存与服务器是否一样

12、使用get来完成ajax

get 只需一步，post需要两部（发文件头，及发送数据）。

 

js及css：

13、将css置于顶部

14、将js置于底部

15、避免使用css表达式

16、使用外部js,css文件

17、削减js，css文件。可用专门工具

18、减少DOM访问

19、减少cookie体积（每次请求都要发送）

20、对于页面内容使用无cookie域名

21、优化图片

22、优化css sprite 将多个图片缩成一个

23、不要在html中缩放图像

24、favicon.ico要小而可缓存（favicon.ico为服务器目录下的图片文件）

25、保持单个内容小于25K

 

参考文章：

http://blog.csdn.net/sycflash/article/details/7324884