Web 性能优化的常用手段

使用CDN
使用内容分发网络（CDN）：把网站内容分散到多个、处于不同地域位置的服务器上可以加快下载速度。
使用 Cache-Control
通过响应头，设置缓存max-age，在缓存期内不发送请求。
使用Etag
服务器给浏览器发送Etag数据，再次浏览时浏览器将提交这些数据到服务器，验证本地版本是否最新的，如果为最新的则服务器返回304代码，告诉浏览器直接使用本地版本，否则下载新版本。
使用 Gzip
传输之前，先使用GZIP压缩再传输给客户端，客户端接收之后由浏览器解压，这样虽然稍微占用了一些服务器和客户端的CPU，但是换来的是更高的带宽利用率。
合并文件（CSS、JS、图片）
浏览器从同一个域名同时下载文件数量有限制（4或8个），因此应尽量将同类文件合并。
调整 CSS 和 JS 的位置
CSS可能会阻止渲染（chrome会等CSS解析完毕再渲染页面），CSS应放在头部。JS会阻止浏览器渲染，应放在body的最后。
压缩图片
优化图片大小、通过CSS Sprites优化图片、不要在HTML中使用缩放图片、favicon.ico要小而且可缓存
增加域名以并行下载资源
由于浏览器从同一个域名同时下载文件数量有限制（4或8个），当服务器提供的内容文件数量很多时，应增加域名以加快下载。

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。