express - webpack gzip 与 Express gzip

Question

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

我仅使用压缩包来使用express gzip。像这样，

app.use(compression());

但是seo analyzer说我可以更多地压缩 javascript 文件，尽管我可以在 my homepage 的 chrome devtools 控制台看到 Content-Encoding:gzip 。所以我开始搜索压缩文件的方法，并找到了compression-webpack-plugin包，它可以生成gzip文件。我已经使用了 webpack 但没有使用 compression-webpack-plugin。我正在考虑添加这个插件，如果它有助于进一步压缩我的文件。

问题是

1. 我需要express和webpack gzip包，还是只需要一个？
2. webpack gzip 和 Express gzip 之间有什么区别？

Answer 1

不同之处在于，Webpack 压缩将在构建运行期间一次性压缩您的文件。然后将这些压缩版本保存到磁盘。

另一方面，Express 插件会在请求时压缩您的文件。某些软件包可能具有内置缓存，因此性能损失仅发生一次(或很少发生)，但通常的区别在于，这种情况会发生在响应 HTTP 请求时。 p>

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

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

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