内容优化
(1)减少 HTTP 请求数: 这条策略是最重要最有效的, 因为一个完整的请求要经过 DNS 寻址, 与服务器建立连接, 发送数据, 等待服务器响应, 接收数据这样一个消耗时间成本和资源成本的复杂的过程. 常见方法: 合并多个 CSS 文件和 js 文件, 利用 CSS Sprites 整合图像, Inline Images(使用 data:URL scheme 在实际的页面嵌入图像数据 ), 合理设置 HTTP 缓存等.
(2)减少 DNS 查找
(3)避免重定向
(4)使用 Ajax 缓存
(5)延迟加载组件, 预加载组件
(6)减少 DOM 元素数量: 页面中存在大量 DOM 元素, 会导致 javascript 遍历 DOM 的效率变慢.
(7)最小化 iframe 的数量: iframes 提供了一个简单的方式把一个网站的内容嵌入到另一个网站中. 但其创建速度比其他包括 JavaScript 和 CSS 的 DOM 元素的创建慢了 1-2 个数量级.
(8)避免 404:HTTP 请求时间消耗是很大的, 因此使用 HTTP 请求来获得一个没有用处的响应 (例如 404 没有找到页面) 是完全没有必要的, 它只会降低用户体验而不会有一点好处.
服务器优化
(1)使用内容分发网络(CDN): 把网站内容分散到多个, 处于不同地域位置的服务器上可以加快下载速度.
(2)GZIP 压缩
(3)设置 ETag:ETags(Entity tags, 实体标签)是 web 服务器和浏览器用于判断浏览器缓存中的内容和服务器中的原始内容是否匹配的一种机制.
(4)提前刷新缓冲区
(5)对 Ajax 请求使用 GET 方法
(6)避免空的图像 src
Cookie 优化
(1)减小 Cookie 大小
(2)针对 Web 组件使用域名无关的 Cookie
CSS 优化
(1)将 CSS 代码放在 html 页面的顶部
(2)避免使用 CSS 表达式
(3)使用 < link > 来代替 @import
(4)避免使用 Filters
来源: http://www.qdfuns.com/article/39849/d18945685bfffa8e21bf9b7f013d0464.html