gzip压缩网站为何能加快网页加载速度

我前阵子帮一个做电商站的朋友测站，他说花了大价钱买了带宽，网页打开还是慢，半天出不来。查了一圈下来发现居然没开gzip压缩网站，开了之后加载速度直接砍了一半还多。很多人都知道开这个能提速，但为啥能快呢？今天就掰扯掰扯这个事儿，不是啥高深理论，就是大白话聊明白。

gzip压缩网站的核心原理是什么

gzip其实就是一种数据压缩算法，专门针对网站里的文本内容，比如HTML、CSS、JS这些文本文件，给打包压缩一下，就像你把一堆厚衣服塞进真空压缩袋，抽走空气之后体积一下子就缩小了好多。举个例子，原来一个100KB的首页HTML文件，压缩完可能只剩20多KB，体积直接缩小了七成多。这里得说清楚，它只对文本类内容有用，图片、视频本身已经是压缩过的格式了，gzip再压也挤不出多少空间，所以别指望它能帮图片缩小体积，这点很多新手都会搞错，上来就说我开了gzip怎么图片加载还是慢，那本来就不是gzip该干的活儿。

体积变小为啥就能加快加载速度

很多站长觉得，我带宽够大啊，差那几十KB能有多大区别？其实真不是这么回事，哪怕你服务器带宽很大，网络传输的时候，数据包还是得一个一个从服务器传到用户的浏览器。而且现在超过七成的访问都是来自手机，移动网络的波动很大，小体积文件能更快完成传输，更早把内容渲染出来给用户看。我自己之前专门测过，一个没开gzip的个人博客首页，原始HTML是120KB，加载完成要1.2秒左右，开了gzip之后变成28KB，加载完成只用了0.3秒，这个差距真的一下子就能感受出来。而且现在搜索引擎都把网页加载速度当成排名的参考因素，你开了gzip，不仅用户体验变好，对搜索收录也有间接的好处，这不香吗？

哪些文件适合用gzip压缩

刚才也提了，文本格式的文件都适合gzip压缩，除了HTML、CSS，还有JavaScript、JSON接口数据、XML站点地图这些，都是纯文本格式，压缩率很高，一般都能压到原来体积的三分之一甚至更小。但像JPG、PNG图片、MP4视频、PDF文档这些，本身就是已经压缩过的二进制文件，gzip再处理不仅压不了多少体积，还会白白浪费服务器的CPU资源，所以绝大多数服务器默认都是不对这些文件做gzip压缩的。哦对了，现在也有一些新的压缩格式比如Brotli，压缩率比gzip还高一点点，但目前大部分服务器默认还是开gzip，主要是gzip兼容性更好，哪怕是老版本的浏览器也能支持，不会出问题。

开了gzip为啥网页还是慢

也不是说开了gzip就一定能让网页快到飞起，很多时候开了gzip还是慢，就得找找其他原因了。比如你服务器本身配置就不够，CPU性能差，那每次浏览器请求文件都要实时压缩，反而会占用不少CPU资源，拖慢响应速度。还有的人网站本身图片太多太大，那gzip帮不了你，得去单独压缩图片，搞懒加载或者用CDN分发图片才行。还有一种常见情况，就是你服务器开了gzip，但用了CDN，CDN那边没开启gzip压缩，那用户从CDN拿文件的时候还是拿到的未压缩的大文件，等于白开。所以说gzip只是网站性能优化的基础步骤，不是什么万能神药，你得把其他基础优化都做好了，才能真的让网页快起来。

其实说白了，gzip就是站长做优化的第一步，成本几乎为零，一般就是改改服务器配置，点一下开启开关的事儿，就能拿到立竿见影的效果。很多新手刚做站的时候总想着搞大动作，花大价钱买好服务器好带宽，却偏偏忽略了这种零成本的基础优化，白白浪费了资源还拿不到好的加载速度。要是你现在正发愁网页打开慢，不如先去查查你的网站开没开gzip，说不定就是这一步没做，拖慢了你整个网站。现在大部分服务器面板都有一键开启的功能，花个两分钟就能搞定，不妨去试试呗。