Nginx静态压缩和代码压缩，提高访问速度

乄阿斗同學

于 2024-08-01 22:01:04 发布

阅读量424

点赞数 4

文章标签： nginx 运维

本文链接：https://blog.csdn.net/chen497147884/article/details/140858351

版权

基于目前大部分的应用，都使用了前后端分离的框架，vue的前端应用，也是十分的流行。不知道大家有无遇到这样的问题：

随着前端框架的页面，功能开发不断的迭代；安装的依赖，不断的增多；

这样导致的问题，就是我们的前端框架，会变得十分庞大，打包出来的dist目录会变得很大了喔！！！

这样就会导致一个问题：首次访问应用，会变得很慢！！！

这确实是一个严重的问题！！！T_T

对于这个问题，咋们今天就从代码压缩+nginx静态资源压缩，两个方面进行研究解决！！！

1、nginx静态资源动态压缩

nginx静态资源动态压缩
nginx开启gzip压缩

server {
        listen       80;
        listen  [::]:80;
        server_name  localhost;
        server_tokens off;

        # 开启gzip压缩
        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 application/css tex