全部產品
Search
文件中心

CDN:頁面最佳化

更新時間:Dec 27, 2024

開啟頁面最佳化功能,CDN會自動刪除頁面的冗餘內容,例如HTML頁面、內嵌JavaScript和CSS中的注釋以及重複的空白符,可以有效去除頁面的冗餘資訊,縮小檔案體積,提高加速分發效率,同時也可以提升頁面的可閱讀性。

注意事項

  • 如果來源站點檔案配置了MD5校正機制,請不要開啟頁面最佳化功能。

    開啟頁面最佳化功能,CDN進行頁面最佳化時,會改變檔案的MD5值,導致最佳化後檔案的MD5值和來源站點檔案的MD5值不一致。

  • 如果來源站點開啟了Gzip壓縮或Brotli壓縮,CDN的頁面最佳化功能將會失效,CDN會將來源站點壓縮後的檔案透傳給用戶端。

    在不關閉來源站點的Gzip或Brotli壓縮的情況下,如果想使用CDN的頁面最佳化功能,您可以在CDN的回源HTTP頭中進行配置,刪除Accept-Encoding頭。CDN回源刪除Accept-Encoding後,CDN頁面最佳化功能即可正常執行。刪除Accept-Encoding頭,請參見配置回源HTTP要求標頭

  • 如果您同時開啟了頁面最佳化和壓縮功能(Gzip壓縮或者Brotli壓縮),頁面最佳化功能將會失效,CDN只會對檔案進行壓縮。

  • 在某些特殊情況下,開啟頁面最佳化功能,改寫網站頁面中的HTML檔案、CSS檔案、JS檔案可能會影響到網站的商務邏輯,用戶端訪問改寫以後的網站頁面可能會出現類似Hydration completed but contains mismatches. 這樣的報錯,這個時候關閉頁面最佳化功能即可解決問題。

操作步驟

  1. 登入CDN控制台

  2. 在左側導覽列,單擊域名管理

  3. 域名管理頁面,找到目標網域名稱,單擊操作列的管理

  4. 在指定網域名稱的左側導覽列,單擊性能优化

  5. 页面优化地區框中,您可以選擇開啟HTML最佳化CSS最佳化JavaScript最佳化

    說明

    “HTML最佳化”這個開關是頁面最佳化功能的總開關,如果僅開啟“HTML最佳化”開關,則只會開啟HTML最佳化功能;如果要開啟CSS最佳化或JavaScript最佳化,需要先開啟“HTML最佳化”開關,然後再開啟“CSS最佳化”或者“JavaScript最佳化”開關,CSS最佳化或者JavaScript最佳化才會生效。

    頁面最佳化

    • 開啟HTML最佳化:即可實現對HTML頁面的最佳化。

    • 開啟CSS最佳化:即可實現對CSS的最佳化。

    • 開啟JavaScript最佳化:即可實現對JavaScript的最佳化。

相關API

BatchSetCdnDomainConfig