天高任鸟飞

使用HTTP数据压缩优化网络

当前端学生提到JS或CSS时，他们有没有看过这些引用文件的大小？如果是，这些文件是10到1k小，10到100k大，我们将有几个m流量下载整个网页。网速慢的用户能忍受吗？

 

让我们下载jQuery文件看看它有多大

 

事实上，HTTP已经为我们解决了这个问题。以jQuery文件为例。让我们看看浏览器的请求

 

您可能已经猜到了，服务器只在压缩后将数据传输到客户端。客户端解压数据，然后在接收数据后使用它。不，我们的朋友，火狐开发者，写得很清楚。

 

数据压缩是提高网站性能的重要手段。对于某些文件，高达70%的压缩比可以大大减少对带宽的需求。随着时间的推移，压缩算法的效率越来越高。同时，新的压缩算法被发明并应用于客户端和服务器端。

 

从这个图中，我们可以看到当客户机从服务器请求资源文档时，它通过请求headeraccept编码告诉服务器，我可以接收Br，gzip的数据。这样，当服务器响应时，它会根据客户端可以接收的压缩数据类型进行压缩。然后它通过响应headercontent编码告诉客户机我返回的数据是类br Type。

 

事实上，压缩中有一些逻辑。例如，当数据量很小时，它对数据压缩没有意义，但它会使数据更大。它还消耗性能。还有一些类型的文件本身就是压缩文件，比如JPG/PNG/_I/RMVB，压缩后没有意义。这些将在稍后讨论。

 

Apache服务器支持数据压缩，mod﹣deflate可用；nginx具有NGX﹣http﹣gzip﹣模块；在IIS中，可以使用元素。