提高Web页面的性能

作者：袖梨 2022-07-02

提示：您可以先修改部分代码再运行

1. 尽可能的减少 HTTP 的请求数 [content] 
2. 使用 CDN（Content Delivery Network） [server] 
3. 添加 Expires 头(或者 Cache-control ) [server] 
4. Gzip 组件  [server] 
5. 将 <a class="channel_keylink" href="http://webdesign.chinaitlab.com/List_1367.html" target="_blank">CSS</a> 样式放在页面的上方 [<a href="http://www.111com.net/cssdiv/css.html" target="_blank">css</a>] 
6. 将脚本移动到底部（包括内联的） [javascript] 
7. 避免使用 <a class="channel_keylink" href="http://webdesign.chinaitlab.com/List_1367.html" target="_blank">CSS</a> 中的 Expressions  [css] 
8. 将 <a class="channel_keylink" href="http://java.chinaitlab.com/" target="_blank">Java</a>Script 和 <a class="channel_keylink" href="http://webdesign.chinaitlab.com/List_1367.html" target="_blank">CSS</a> 独立成外部文件 [javascript] [css] 
9. 减少 DNS 查询  [content] 
10. 压缩 <a class="channel_keylink" href="http://java.chinaitlab.com/" target="_blank">Java</a>Script 和 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]

提示：您可以先修改部分代码再运行

提高Web页面的性能

相关文章

精彩推荐