Question

为了提高灯塔得分，我需要启用gzip和/或brotli压缩，以便提高性能得分。我在nuxt.config.js文件中添加了两个webpack插件：

plugins: [
    new CompressionPlugin({
      filename: `[path].gz[query]`,
      algorithm: `gzip`,
      test: /\.js$|\.css$|\.html$/,
      threshold: 10240,
      minRatio: 0.8
    }),
    new BrotliPlugin({
      asset: `[path].br[query]`,
      test: /\.js$|\.css$|\.html$/,
      threshold: 10240,
      minRatio: 0.8
    })
  ]

我可以确认，添加这两个插件实际上是在创建文件的.gz和.br版本。

主要问题是：为了发送这些压缩文件，我是否应该对我的nuxt配置文件做一些额外的操作，否则nuxt会自行处理？可以在localhost上进行检查吗（例如，因为我已经读过brotli仅用于HTTPS协议）？

P.S。我不使用任何类似express或restify

的框架

Answer 1

如果您使用的是nuxt 2，则可以更轻松地完成操作。

import shrinkRay from 'shrink-ray-current'

export default {
  render: {
    compressor: shrinkRay()
  }
}

有关摩尔定律https://blog.lichter.io/posts/nuxtjs-on-brotli

，请参阅此文章

我们是否需要手动设置Nuxt发送压缩或brotli压缩的文件？

1 个答案: