前端性能工具 ---Lighthouse

Chrome 开发者工具Lighthouse 面板对应英文翻译

Lighthouse 工具通过对页面的分析，影响页面性能的主要有存在未使用的 JavaScript、文本压缩未启用、网络负载过大、缓存策略等问题，如图所示：

从上图可以看出，对站点性能影响最大的是存在未使用的 JavaScript，其次是文本压缩未启用，本文主要分析文本压缩问题对性能的影响。

如图可知，分析工具给出针对未启用文本压缩的具体优化建议是：对于文本资源，应先压缩（gzip、deflate 或 brotli），然后再提供，以最大限度地减少网络活动消耗的字节总数。

gzip、deflate 和 brotli 压缩算法

gzip、deflate 和 brotli 都是常见的压缩算法，用于在传输过程中减少数据量，从而提高网络传输效率。这些算法的主要区别在于压缩效率、压缩速度和支持程度等方面。

• gzip 是最常用的压缩算法之一，它具有较高的压缩效率和广泛的支持程度，可以被几乎所有的浏览器和服务器支持。在 Nginx 中，可以通过 gzip 相关的配置参数来控制压缩级别、缓冲区大小等。

• deflate 是另一种常见的压缩算法，它也具有较高的压缩效率和广泛的支持程度。不过，由于 deflate 算法的实现存在一些缺陷，会导致一些浏览器和服务器无法正常解压缩，因此不建议使用。

• brotli 是一种新型的压缩算法，它具有更高的压缩效率和更快的压缩速度，可以进一步减少传输数据的大小，从而提高页面加载速度。不过，由于 brotli 算法目前仅被较新版本的浏览器和服务器支持，因此需要根据实际情况进行选择。

综上所述，gzip 是最常用的压缩算法之一，具有较高的压缩效率和广泛的支持程度，因此可以考虑使用。如果需要进一步减少传输数据的大小和提高页面加载速度，则可以考虑使用 brotli 算法，但需要注意其兼容性问题。不建议使用 deflate 算法，因为其存在一些缺陷导致一些浏览器和服务器无正常解压缩。