以文本方式查看主题

-  爱心论坛  (http://zqax.net/bbs/index.asp)
--  平面设计 网页设计  (http://zqax.net/bbs/list.asp?boardid=43)
----  [转帖]提高Web页面的性能  (http://zqax.net/bbs/dispbbs.asp?boardid=43&id=189208)

--  作者:紫枫
--  发布时间:2008/6/8 12:28:06
--  [转帖]提高Web页面的性能

1. 尽可能的减少 HTTP 的请求数 [content]
2. 使用 CDN(Content Delivery Network) [server]
3. 添加 Expires 头(或者 Cache-control ) [server]
4. Gzip 组件  [server]
5. 将 CSS 样式放在页面的上方 [css]
6. 将脚本移动到底部(包括内联的) [javascript]
7. 避免使用 CSS 中的 Expressions  [css]
8. 将 JavaScript 和 CSS 独立成外部文件 [javascript] [css]
9. 减少 DNS 查询  [content]
10. 压缩 JavaScript 和 CSS (包括内联的)  [javascript] [css]
11. 避免重定向  [server]
12. 移除重复的脚本  [javascript]
13. 配置实体标签(ETags) [css]
14. 使 AJAX 缓存 [content]

15. 尽早清除缓冲区 [server]
16. AJAX 请求使用“GET”方法 [server]
17. 延迟加载组件 [content]
18. 预加载组件 [content]
19. 减少 DOM 元素的数量 [content]
20. 跨域分离组件 [content]
21. 减少 iframes 的数量 [content]
22. 不出现 404 [content]
23. 减小 cookie 的体积 [cookie]
24. 为组件使用 cookie-free 的域名 [cookie]
25.减少访问 DOM 的次数 [javascript]
26. 开发巧妙的事件处理程序 [javascript]
27. 优先选择使用 <link> 而非 @import [css]
28. 避免使用 filters [css]
29. 优化图片 [images]
30. 优化 CSS sprites [images]
32. 不要在 HTML 中缩放图片 [images]
33. 减小 favicon.ico 的体积并缓存 [images]
34. 保持组件在 25K 以下 [mobile]
35. 将组件分拆到多个文档中 [mobile]