首页 文章

在提供静态包时,观察到Nginx和Express服务器之间文件大小的差异

提问于
浏览
0

我正在尝试优化服务从我的React Webpack应用程序生成的静态包 . 在这个过程中,我注意到对于相同的文件,当通过Express服务器提供内容时,文件大小比通过nginx提供的文件大小要小 .

这是我提供服务的快速代码:

app.use(express.static(project.paths.dist()));

这是我的nginx配置:

server {
listen 80;

root /home/test/dist/;
index index.html index.htm app.js;

server_name www.ranodom.com;

location / {
    try_files $uri /index.html;
}

error_log /var/log/nginx/test/website-error_log error;
access_log /var/log/nginx/test/website-access_log;
}

通过快递送达时:

Express served files

通过nginx服务时:
Nginx served files

从上面的屏幕截图中可以看出,文件大小差别很大 . 文件夹中存在的实际文件大小等于从Nginx服务器提供的文件大小 .

我的问题是,这种差异的原因是什么?表达式静态是否优化/压缩所提供的文件,还是有一个问题?如果有这么大的差异,通过快递服务器提供这些文件并通过nginx路由到索引页面会更好吗?

PS . 上面的文件已经使用webpack进行了修改和缩小 .

1 回答

  • 0

    刚刚意识到压缩中间件已在我的快速服务器中启用,因此缩小了尺寸 .

    如果有其他人在这篇文章上发现,请注意你可以使用下面提到的配置使用nginx获得类似的结果 .

    gzip on;
    gzip_min_length 1000;
    gzip_types text/html text/css application/javascript text/javascript text/plain text/xml application/json;
    

相关问题