缩减资源(HTML、CSS和JavaScript)的大小

当PageSpeed Insights检测到您的某个资源可通过缩减操作来减小其大小时,就会触发此规则。

概览

缩减资源大小是指删除不必要的字节(例如,多余的空格、换行符和缩进)。压缩HTML、CSS和JavaScript可提高下载、解析和执行的速度。此外,对于CSS和JavaScript,还可通过以下方式进一步缩小文件体积:在对HTML进行适当更新的过程中重命名变量名称,以确保选择器继续运行。

建议

您应缩减HTML、CSS和JavaScript的大小。

要缩减HTML的大小,您可以使用PageSpeed Insights Chrome扩展功能来生成优化版HTML代码。对HTML页面进行分析,然后浏览“缩减HTML的大小”规则。点击“查看经过优化的内容”,以获取经过优化的HTML代码。

要缩减CSS的大小,您可以尝试使用YUI Compressorcssmin.js

要缩减JavaScript的大小,请尝试使用Closure CompilerJSMinYUI Compressor。您可以创建一个使用这些工具的构建流程,以便缩减开发文件的大小并对其进行重命名,然后将其保存到正式版目录。