首页 > 代码库 > 从7个方面总结的35条网站优化方法

从7个方面总结的35条网站优化方法

1.content方面

01) .减少HTTP请求:合并文件、CSS精灵、inline Image

02) .减少DNS查询:DNS查询完成之前浏览器不能从这个主机下载任何任何文件。方法:DNS缓存、将资源分布到恰当数量的主机名,平衡并行下载和DNS查询

03) .避免重定向:多余的中间访问

04) .使Ajax可缓存

05) .非必须组件延迟加载

06) .未来所需组件预加载

07) .减少DOM元素数量

08) .将资源放到不同的域下:浏览器同时从一个域下载资源的数目有限,增加域可以提高并行下载量

09) .减少iframe数量

10) .不要404

2.Server方面

11) .使用CDN

12) .添加Expires或者Cache-Control响应头

13) .对组件使用Gzip压缩

14) .配置ETag

15) .Flush Buffer Early

16) .Ajax使用GET进行请求

17) .避免空src的img标签

3.Cookie方面

18) .减小cookie大小

19) .引入资源的域名不要包含cookie

4.css方面

20) .将样式表放到页面顶部

21) .不使用CSS表达式

22) .使用不使用@import

23) .不使用IE的Filter

5.Javascript方面

24) .将脚本放到页面底部

25) .将javascript和css从外部引入

26) .压缩javascript和css

27) .删除不需要的脚本

28) .减少DOM访问

29) .合理设计事件监听器

6.图片方面

30) .优化图片:根据实际颜色需要选择色深、压缩

31) .优化css精灵

32) .不要在HTML中拉伸图片

33) .保证favicon.ico小并且可缓存

7.移动方面

34) .保证组件小于25k

35) .Pack Components into a Multipart Document

从7个方面总结的35条网站优化方法