百度
360搜索
搜狗搜索

提高Web页面的性能(二)详细介绍

最近 Yahoo! Exceptional Performance 在 《优化网站性能的 14 条规则》的基础上又增加了 20 条新的规则。

1. 尽早清除缓冲区 [server] 

2. 
nVTVVCLUx; 请求使用“GET”方法 [server] 

3. 延迟加载组件 [content] 

4. 预加载组件 [content] 

5. 减少 DOM 元素的数量 [content] 

6. 跨域分离组件 [content] 

7. 减少 iframes 的数量 [content] 

8. 不出现 404 [content] 

9. 减小 cookie 的体积 [cookie] 

10. 为组件使用 cookie-free 的域名 [cookie] 

11.减少访问 DOM 的次数 [script] 

12. 开发巧妙的事件处理程序 [] 

13. 优先选择使用 <link> 而非 @import [] 

14. 避免使用 filters [css] 

15. 图片 [images] 

16. 优化 CSS sprites
 [images] 

17. 不要在 HTML 中缩放图片 [images] 

18. 减小 favicon.ico 的体积并缓存 [images] 

19. 保持组件在 25K 以下 [mobile] 

20. 将组件分拆到多个文档中 [mobile] 

更详细具体的介绍内容可看 Stoyan Stefanov 的 PPT:《High Performance Web Pages》( PPT 与下同,如有需要原版可以 Email 我,邮箱见右侧):

本文标题: 提高Web页面的性能(二) ,

文章数据信息:

本文主要探讨:"提高Web页面的性能(二)", 浏览人数已经达到65次, 首屏加载时间:0.516 秒。