webpack gzip对速递gzip

Question

我真的很想知道webpack gzip和express gzip的区别。

通过使用压缩包，我只使用了快递gzip。像这样，

app.use(compression());

但是seo分析仪说我可以压缩更多的javascript文件，尽管我可以在chrome控制台上看到我的主页。所以我开始寻找压缩文件的方法，我发现了压缩-webpack插件包，它可以生成gzip文件。我已经用了webpack，但没有压缩-webpack插件。我正在考虑加入这个插件，如果它有助于压缩我的文件更多。

问题是

1. 我需要快递和webpack的gzip包裹，还是只需要一个？
2. webpack gzip和express gzip有什么区别？

Answer 1

不同的是，Webpack压缩将压缩您的文件一次性-在您的构建运行。然后将这些压缩版本保存到磁盘中。

另一方面，快递插件会在请求时压缩文件。某些包可能内置缓存，因此性能损失只发生一次(或很少发生)，但通常的区别是，在响应HTTP请求时会发生这种情况。

对于实时压缩，让上游代理(如Nginx)处理gzip和缓存通常更有性能，因为它们是专门为gzip和缓存构建的，并且不会承受Node运行时的开销(许多是用C编写的)。

另一个解决方案是让Webpack压缩您的文件并创建未压缩文件的.gz版本。然后，像快递-静态-gzip这样的包可以提供这些预编译版本，因此您不会在请求时受到point的性能影响。如果Node.js直接响应您的HTTP请求，并且您没有使用上游代理/负载均衡器，这是非常有用的。

使用Webpack的好处是，您可以使用最大压缩设置(或处理文件所需的时间更长的算法)，因为您可能不关心构建过程中多出几秒钟，但同时通过启用更复杂的压缩来为HTTP访问者提供服务将是一件更大的事情。