跳转到主要内容

CSS 文件体积过大

在 Ahrefs 的 Site Audit 中了解更多关于 “CSS 文件大小过大” 的问题以及如何在网站上修复。

Anna avatar
作者:Anna
本周更新

此问题由什么触发?

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

为什么这很重要?

较大的 CSS 文件会降低您的页面加载性能。

如何修复?

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

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

您可能需要开发者的帮助来启用 CSS 文件的 HTTP 压缩。

2. CSS 文件通常比实际需要更大。 您可以使用 CSS 压缩工具来压缩您的 CSS 代码。

如果您的网站相对较小且不常更新,您可以使用在线服务手动压缩文件,如 cssnanoMinify

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

这是否解答了您的问题?