webpack gzip 与 express gzip

Question

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

我只通过 compression 包使用了 express gzip。像这样，

app.use(compression());

但是seo analyzer说我可以再压缩javascript个文件，虽然我可以在 my homepage 的 chrome devtools 控制台看到 Content-Encoding:gzip。所以我开始寻找压缩文件的方法，我找到了制作 gzip 文件的 compression-webpack-plugin 包。我已经使用了 webpack 但没有使用 compression-webpack-plugin。如果它有助于进一步压缩我的文件，我正在考虑添加此插件。

问题是

我需要 express 和 webpack gzip 包，还是只需要一个？
webpack gzip 和 express gzip 有什么区别？

Answer 1

不同之处在于，Webpack 压缩会在构建期间 one-time 压缩文件运行。然后将这些压缩版本保存到磁盘。

另一方面，

Express plug-ins 会在请求时压缩您的文件。某些包可能有缓存 built-in 因此性能损失只会发生一次（或很少发生），但通常的区别在于这将发生在响应HTTP 请求。

对于 real-time 压缩，让上游代理（例如 Nginx）处理 gzip 和缓存通常性能更高，因为它们是专门为此构建的并且不会承受节点的开销运行时间（很多都是用C写的）

另一个解决方案是让 Webpack 压缩您的文件并创建 .gz 版本的未压缩文件。然后 express-static-gzip 等包可以为那些 pre-compiled 版本提供服务，因此您不会在请求时受到 gzipping 的性能影响。如果 Node.js 直接响应您的 HTTP 请求并且您没有使用上游 proxy/load 平衡器，这将很有用。

使用 Webpack 的好处是您可以使用最大压缩设置（或需要更长的时间来 c运行ch 文件的算法），因为您可能不在乎多花几秒钟构建过程，但同时通过启用更复杂的压缩来为您的 HTTP 访问者提供服务将是一个更大的交易。

webpack gzip 与 express gzip

webpack gzip vs express gzip

compression

encoding

gzip

express

webpack