vue element template 首屏加载

最新推荐文章于 2022-06-05 10:03:20 发布

原创最新推荐文章于 2022-06-05 10:03:20 发布 · 217 阅读

0 ·

CC 4.0 BY-SA版权

Vue' 专栏收录该内容

25 篇文章

订阅专栏

本文详细介绍了如何通过Webpack插件实现前端资源的Gzip压缩，并配置Nginx服务器来提高网站加载速度。文章提供了具体参数设置，如压缩算法、最小文件大小、压缩级别等，以及如何排查Nginx开启Gzip失败的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.解决

加载prod部分

          config
            .plugin('CompressionWebpackPlugin')
            .use(CompressionWebpackPlugin, [{
              algorithm: 'gzip',
              test: new RegExp('\\.(' + productionGzipExtensions.join('|') + ')$'),
              threshold: 10240,
              minRatio: 0.8
            }])

nginx 配置

            gzip on;
            gzip_min_length 1k;
            gzip_comp_level 9;
            gzip_types text/plain application/javascript application/x-javascript text/css application/xml text/javascript application/x-httpd-php image/jpeg image/gif image/png;
            gzip_vary on;
            gzip_disable "MSIE [1-6]\.";
            gzip_static on

排错方法

1.nginx没有开启成功的原因很多，个人的操作系统版本略有不同，还有软件版本。我这个是1.9的。

如果开启成功请求的资源都是gzip的