Saat Anda mengaktifkan optimalisasi HTML, CDN secara otomatis menghapus konten redundan—seperti komentar dan spasi berlebih—dari halaman HTML serta kode JavaScript dan CSS inline. Hal ini mengurangi ukuran file dan meningkatkan efisiensi pengiriman konten.
Catatan penggunaan
Jangan aktifkan optimalisasi HTML jika server origin Anda menggunakan mekanisme verifikasi MD5.
Saat optimalisasi HTML diaktifkan, CDN memodifikasi konten file, sehingga mengubah nilai MD5-nya. Akibatnya, terjadi ketidaksesuaian antara nilai MD5 file yang dikirim dan file asli di server origin.
Jika server origin Anda telah mengaktifkan kompresi Gzip atau Brotli, fitur optimalisasi HTML dari CDN tidak berlaku. CDN meneruskan file terkompresi dari server origin langsung ke klien.
Jika Anda ingin menggunakan fitur optimalisasi HTML tanpa menonaktifkan kompresi Gzip atau Brotli di server origin, Anda dapat mengonfigurasi header HTTP origin di untuk menghapus header Accept-Encoding. Setelah menghapus header Accept-Encoding selama pengambilan asal, fitur optimalisasi HTML dapat berfungsi dengan benar. Untuk menghapus header Accept-Encoding, lihat Modify outbound request headers.
Jika Anda mengaktifkan optimalisasi HTML bersamaan dengan fitur kompresi (Gzip atau Brotli), optimalisasi HTML tidak berlaku. CDN hanya melakukan kompresi file.
Dalam beberapa kasus, optimalisasi HTML dapat memengaruhi logika bisnis situs web Anda. Jika klien mengalami error seperti
Hydration completed but contains mismatches.saat mengunjungi halaman web yang dioptimalkan, nonaktifkan optimalisasi HTML untuk mengatasi masalah tersebut.
Prosedur
-
Masuk ke CDN console.
-
Di panel navigasi kiri, klik Domain Names.
-
Pada halaman Domain Names, temukan nama domain yang dituju lalu klik Manage di kolom Actions.
-
Di panel navigasi domain, klik Optimization.
Di bagian HTML Optimization, aktifkan sakelar untuk HTML Optimization, CSS Optimization, atau JavaScript Optimization.
CatatanHTML optimization merupakan sakelar utama untuk fitur ini. Anda harus mengaktifkannya terlebih dahulu sebelum dapat mengaktifkan CSS optimization atau JavaScript optimization.
Aktifkan HTML Optimization untuk mengoptimalkan halaman HTML.
Aktifkan CSS Optimization untuk mengoptimalkan kode CSS.
Aktifkan JavaScript Optimization untuk mengoptimalkan kode JavaScript.
FAQ
Untuk troubleshooting masalah seperti optimalisasi halaman yang tidak berlaku atau konflik saat digunakan bersama fitur kompresi, lihat Performance optimization troubleshooting guide.