高性能网站建设指南

前端性能的重要性解释了有80%~90%的时间花在了显示Web页面上,只有10%~20%的是花在从Web服务器获取HTML文档并传送到浏览器中的。如果希望能够有效地减少页面的响应时间,就必选关注这80%~90%的最终用户体验。

通过跟踪Web页面性能,我们需要了解用户的时间都花在等待哪些东西上了。查看了HTTP流量后,很容易看出时间花在哪里。至少有80%的最终用户响应时间花在了页面中的组件上。

性能黄金法则只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。

下面列出了能使它们变得更快的14条规则,这些规则按照常规的优先级顺序列出。对于特定的网站,规则的适应性可能会有所不同。如果你遵从所有适用你网站的规则,那你的页面加载速度会提高20%~25%,用户体验也将得到改善。

规则1——减少HTTP请求

规则2——使用内容发布网络

规则3——添加Expires头

规则4——压缩组件

规则5——将样式表放在顶部

规则6——将脚本放在底部

规则7——避免CSS表达式

规则8——使用外部JavaScript和CSS

规则9——减少DNS查找

规则10——精简JavaScript

规则11——避免重定向

规则12——删除重复脚本

规则13——配置ETag

规则14——使Ajax可缓存


Copyright © 2018 Darkerxi