HTML の最適化を有効にすると、Alibaba Cloud CDN は HTML ページ、インライン JavaScript、および CSS コードからコメントや余分な空白などの冗長なコンテンツを自動的に削除します。これにより、ファイルサイズが削減され、コンテンツ配信効率が向上します。
注意事項
-
オリジンサーバーが MD5 検証メカニズムを使用している場合は、HTML の最適化を有効にしないでください。
HTML の最適化が有効になっている場合、Alibaba Cloud CDN はファイルの内容を変更するため、ファイルの MD5 値が変更されます。これにより、オリジンサーバー上の元のファイルと MD5 の不一致が発生します。
-
オリジンサーバーで Gzip 圧縮または Brotli 圧縮が有効になっている場合、Alibaba Cloud CDN の HTML 最適化機能は有効になりません。Alibaba Cloud CDN は、オリジンサーバーから圧縮ファイルをクライアントに直接渡します。
オリジンサーバーで Gzip 圧縮または Brotli 圧縮を無効にせずに の HTML 最適化機能を使用したい場合は、 でオリジン HTTP ヘッダーを設定して Accept-Encoding ヘッダーを削除できます。 がオリジンフェッチ中に Accept-Encoding ヘッダーを削除すると、 の HTML 最適化機能が正しく動作するようになります。Accept-Encoding ヘッダーを削除する方法については、「アウトバウンドリクエストヘッダーの変更」をご参照ください。
-
HTML の最適化と圧縮機能 (Gzip 圧縮または Brotli 圧縮) の両方を有効にした場合、HTML の最適化は有効になりません。Alibaba Cloud CDN はファイルを圧縮するだけです。
-
場合によっては、HTML の最適化がウェブサイトのビジネスロジックに影響を与えることがあります。最適化された Web ページにアクセスしたときにクライアントで
Hydration completed but contains mismatches.などのエラーが発生した場合は、HTML の最適化を無効にして問題を解決してください。
操作手順
-
CDN コンソールにログインします。
-
左側のナビゲーションウィンドウで、ドメイン名 をクリックします。
-
ドメイン名 ページで、対象のドメイン名を見つけ、操作 列の 管理 をクリックします。
-
ドメインのナビゲーションウィンドウで、パフォーマンスの最適化 をクリックします。
-
ページの最適化 セクションで、HTML の最適化、CSS の最適化、または JavaScript の最適化 のスイッチをオンにします。
説明[HTML の最適化] はこの機能のマスタースイッチです。[CSS の最適化] または [JavaScript の最適化] を有効にするには、まずこのスイッチを有効にする必要があります。
-
HTML ページを最適化するには、HTML の最適化 を有効にします。
-
CSS コードを最適化するには、CSS の最適化 を有効にします。
-
JavaScript コードを最適化するには、JavaScript の最適化 を有効にします。
-