“后端”用于分析用户请求、执行数据查询并对结果进行组织,形成浏览器可以呈现的内容;“前端”负责将后端生成的内容通过网络发送给客户端浏览器。
高性能网站指南
减少 HTTP 请求
使用 CDN
添加 Expires 头
- 可以同时指定这两个响应头
Expires
和Cache-Control max-age
,如果两个同时出现,max-age
将重写Expires
。
压缩脚本和样式表
- 并不是每个浏览器都支持 gzip 的,所以 Web 服务器需要通过
Vary
头来告诉浏览器压缩的决定是基于哪种策略,比如Vary:Accept-Encoding
、Vary:Accept-Encoding,User-Agent
。
将样式表放在顶部
- 在样式表正确地下载并解析之后,已经呈现的文字和图片要用新的样式重绘了,这就是“无样式内容的闪烁”(Flash of Unstyled Content:FOUC)
将脚本放在底部
defer
属性表明脚本不包含document.write
,浏览器得到这一线索就可继续进行呈现。
避免 CSS 表达式
外联 Javascript 和 CSS
减少 DNS 查找
- 使用
Keep-Alive
和较少的域名
精简 JavaScript
避免重定向
删除重复脚本
- 确保脚本只被包含一次