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