壓縮資源 (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。您可以規劃一個建置流程,詳細指引如何使用這些工具壓縮開發檔案,將其重新命名並儲存到上線目錄中。