杨二

Machine repeats, Human creates

阅读笔记《高性能网站建设指南》

“后端”用于分析用户请求、执行数据查询并对结果进行组织,形成浏览器可以呈现的内容;“前端”负责将后端生成的内容通过网络发送给客户端浏览器。

高性能网站指南

减少 HTTP 请求

使用 CDN

添加 Expires 头

  • 可以同时指定这两个响应头ExpiresCache-Control max-age,如果两个同时出现,max-age将重写Expires

压缩脚本和样式表

  • 并不是每个浏览器都支持 gzip 的,所以 Web 服务器需要通过Vary头来告诉浏览器压缩的决定是基于哪种策略,比如Vary:Accept-EncodingVary:Accept-Encoding,User-Agent

将样式表放在顶部

  • 在样式表正确地下载并解析之后,已经呈现的文字和图片要用新的样式重绘了,这就是“无样式内容的闪烁”(Flash of Unstyled Content:FOUC)

将脚本放在底部

  • defer属性表明脚本不包含document.write,浏览器得到这一线索就可继续进行呈现。

避免 CSS 表达式

外联 Javascript 和 CSS

减少 DNS 查找

  • 使用Keep-Alive和较少的域名

精简 JavaScript

避免重定向

删除重复脚本

  • 确保脚本只被包含一次

配置 ETag

缓存 AJAX