CSS 文件太大问题|林子超博客

 什么触发了这个问题？

此问题报告大于 15, kB 的 CSS 文件。

CSS 文件太大问题|林子超博客

它为什么如此重要？

大型 CSS 文件会降低页面加载性能。

如何解决？

1. 首先，您应该检查 CSS 文件是否使用 HTTP 压缩。 检查此报告中的“压缩”列。

最常见的压缩方案包括 gzip 和 Deflate。 HTTP 压缩可以显着提高大型 CSS 文件的传输速度。

您可能需要开发人员的帮助才能为 CSS 文件启用 HTTP 压缩。

2. CSS 文件通常比它们需要的大。 您可以使用 CSS 缩小器来缩小 CSS 代码。

如果您的网站相对较小且不经常更新，您可以使用在线服务手动缩小文件，例如 cssnano 或 Minify。

或者，您可以设置一个自动化工作流程，在部署更新的代码之前缩小您的 CSS。 考虑像 Gulp 或 Webpack 这样的工具。