首页 > 网站 > 建站经验 > 正文

提高Web页面的性能(二)

2019-11-02 17:00:55
字体:
来源:转载
供稿:网友
1. 尽早清除缓冲区 [server] 

2. AJAX 请求使用“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 的次数 [javascript] 

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

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

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 我,邮箱见右侧):

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表