HTML最適化機能を使用すると、Alibaba Cloud CDN が、HTMLページのコメントや追加の空白文字、CSSコード、JavaScriptコードなどの冗長なコンテンツをwebページから自動的に削除できます。 これにより、ファイルサイズが削減され、コンテンツ配信が高速化され、Webサイトの可読性が向上します。
使用上の注意
オリジンサーバー上のファイルに対してMD5検証が設定されている場合は、HTML最適化を有効にしないでください。
HTML最適化機能は、ファイルのMD5値を変更します。 ファイルが最適化されると、ファイルのMD5値は、オリジンサーバーに保存されている元のファイルのMD5値と同じではなくなります。
オリジンサーバーのGzipまたはBrotli圧縮が有効になっている場合、HTMLの最適化は有効になりません。 Alibaba Cloud CDN は、圧縮ファイルをクライアントに直接返します。
オリジンサーバーでGzipまたはBrotli圧縮を無効にせずに、Alibaba Cloud CDN のHTML最適化機能を使用する場合は、オリジンHTTPヘッダーからAccept-Encodingヘッダーを削除できます。 Accept-Encodingヘッダーを削除すると、HTML最適化機能が有効になります。 Accept-Encodingヘッダーを削除する方法の詳細については、「カスタムリクエストヘッダーの設定」をご参照ください。
HTML最適化と圧縮の両方が有効になっている場合、HTML最適化は有効になりません。 Alibaba Cloud CDN はファイルのみを圧縮します。
特殊なケースでは、HTML最適化機能を有効にしてWebページ上のHTMLファイル、CSSファイル、およびJavaScriptファイルを書き換えると、Webサイトのビジネスロジックが影響を受け、クライアントが書き換えられたWebページにアクセスすると次のようなエラーメッセージが返される場合があります。
ハイドレーションは完了しましたが、不一致が含まれています。エラーを修正するには、HTML最適化を無効にします。
手順
Alibaba Cloud CDNコンソール
左側のナビゲーションウィンドウで、ドメイン名 をクリックします。
[ドメイン名] ページで、管理するドメイン名を見つけて、アクション 列の 管理 をクリックします。
ドメイン名の左側のナビゲーションツリーで、パフォーマンスの最適化 をクリックします。
ページの最適化 セクションで、[HTML最適化] 、[CSS最適化] 、または [JavaScript最適化] をオンにします。
説明HTML最適化スイッチは、HTML最適化のみを制御する。 CSSまたはJavaScript最適化を有効にする場合は、まずHTML最適化をオンにしてから、CSS最適化またはJavaScript最適化をオンにする必要があります。
HTML最適化を有効にする: Alibaba Cloud CDNはHTMLページを最適化します。
CSS最適化を有効にする: Alibaba Cloud CDNはCSSスタイルを最適化します。
JavaScript最適化を有効にする: Alibaba Cloud CDNはJavaScriptコードを最適化します。