通过节点服务器上的gzip压缩提高React Application的Google网页速度得分？

Question

我正在构建一个使用webpack的反应应用程序，该应用程序生成的bundle.js大约2 MB!因此，该网站在Google Page Speed上的评分非常低。我想改进这个，我缩小了所有图像，javascript，css文件。评分有所提高，但仍然很差。

我看到"Enable compression"是我尝试整合g-zip compression的Google网页速度洞察中的首要建议。通过这个，我可以生成一个压缩的bundle.min.gz，但是当我将其包含在我的index.html中时，浏览器会返回"Uncaught Syntax Error"并且无效。

我认为在设置发送g-zip compressed内容的服务器时我遗漏了一些东西。我很擅长这个。对于提高反应应用程序的页面速度/启用压缩功能，我将不胜感激。

提前致谢

Answer 1

在您的应用前使用nginx。这可能听起来像开销，但这是完全常见的做法。 Nginx提供安全性，日志，缓存，gzip，https和更多开箱即用的功能。在你的nginx配置中添加以下配置：

gzip on;
gzip_disable "msie6";

gzip_vary on;
gzip_proxied any;
gzip_comp_level 6;
gzip_buffers 16 8k;
gzip_http_version 1.1;
gzip_types text/plain text/css application/json application/javascript 
application/x-javascript text/xml application/xml application/xml+rss 
text/javascript;

在这种情况下，不要打扰任何其他配置（如webpack）。