前端性能优化方案引索.docVIP

前端性能优化方案索引 陆续整理和不断更新网络上给出的前端性能的优化方案。 这里只是做一个总概括式的索引，每一个方案都十分值得推敲和细说。 1 请求和响应 缓存控制 请求头里，可以发送 If-Modified-Since 以及 If-None-Match 等信息，来询问服务端请求内容是否有更新，如果没有更新，可返回304，告诉浏览器使用缓存，避免重新下载资源。Pragma 和 Cache-Control 等也能控制缓存。如告诉服务端不要缓存等。 响应头里，Expires 可以告诉浏览器过期时间，Last-Modified 最近更新时间，ETag 则可允许浏览器进行缓存验证（在 If-None-Match 请求信息中使用）。 复用TCP 请求头里，Connection 可控制 TCP 通道的使用，使用 keep-alive 可以复用上次打开的 TCP。 GZIP压缩 如果可以启用 gzip 压缩，将减少响应数据大小，加快响应。请求头里面可用 Accept-Encoding 告知浏览器支持的压缩方式，而服务端则用 Content-Encoding 作为回应。 Cookies 发送请求时，cookies 也在请求之中。因此，cookies 也可以作为减少请求的优化对象。如，根据同源限制策略，可以使用多个域名加载资源，如加载静态资源，就不会发送多余