前端性能优化 - Nginx配置Gzip方法及其必要性

Nginx配置Gzip

在对应的Nginx配置里，添加gzip on即可

access_log  /var/log/nginx/access.log  main;
gzip on;
#这里根据实际情况加上gzip的一些`min_length`,`buffers`等即可做客制化配置

在根据实际情况加上gzip的一些min_length,buffers等即可做客制化配置

开启Gzip的必要性

主要分两个方面

• 浏览器传输资源大小 -》大幅度减少传输资源的大小
• 浏览器加载速度大小 -》大幅度提升加载速度

大小方面

同一个项目，Gzip前，浏览器传输大小约为：

整体大小缩小了65%

速度方面

同一个项目，Gzip前后速度对比，分五次加载，搜集浏览器加载时间

Gzip前：

如上图，基本加载速度，DOMContentLoaded都要7.09s，整体完成均速度基本在7s以上

Gzip后：

 如上图，基本加载速度，DOMContentLoaded基本保持在1.5s左右完成，整体完成速度基本在2s左右

整体速度提升了70%

开启Gzip后，大小减少65%，速度提升70%，有啥理由不开启呢？

赶巧了，正好发现某个没开启Gzip的知名电商网站，其实它不仅Gzip也没设置，连首屏渲染等技术都没应用上去

 转：前端性能优化 - Nginx配置Gzip方法及其必要性 - 简书