Fitur optimasi HTML memungkinkan Alibaba Cloud CDN secara otomatis menghapus konten redundan dari halaman web, seperti komentar dan karakter spasi tambahan di halaman HTML, kode CSS, serta kode JavaScript. Hal ini mengurangi ukuran file, mempercepat pengiriman konten, dan meningkatkan keterbacaan situs web.
Catatan Penggunaan
Jika verifikasi MD5 dikonfigurasikan untuk file di server asal, jangan aktifkan optimasi HTML.
Fitur optimasi HTML mengubah nilai MD5 sebuah file. Setelah dioptimalkan, nilai MD5 file tersebut tidak lagi sama dengan file aslinya yang disimpan di server asal.
Jika server asal memiliki kompresi Gzip atau Brotli diaktifkan, optimasi HTML tidak akan berlaku. Alibaba Cloud CDN langsung mengembalikan file terkompresi ke klien.
Untuk menggunakan fitur optimasi HTML di Alibaba Cloud CDN tanpa menonaktifkan kompresi Gzip atau Brotli di server asal, Anda dapat menghapus header Accept-Encoding dari header HTTP asal. Setelah menghapus header Accept-Encoding, fitur optimasi HTML mulai berlaku. Untuk informasi lebih lanjut tentang cara menghapus header Accept-Encoding, lihat Konfigurasikan header permintaan kustom.
Jika baik optimasi HTML maupun kompresi diaktifkan, optimasi HTML tidak akan berlaku. Alibaba Cloud CDN hanya mengompres file.
Dalam beberapa kasus khusus, jika Anda mengaktifkan fitur optimasi HTML untuk menulis ulang file HTML, file CSS, dan file JavaScript di halaman web, logika bisnis situs web mungkin terpengaruh. Pesan kesalahan serupa dengan berikut ini mungkin dikembalikan ketika klien mengakses halaman web yang telah ditulis ulang:
Hydration completed but contains mismatches.Untuk memperbaiki kesalahan, nonaktifkan optimasi HTML.
Prosedur
Masuk ke Alibaba Cloud CDN console.
Di panel navigasi sisi kiri, klik Domain Names.
Pada halaman Domain Names, temukan nama domain yang ingin Anda kelola dan klik Manage di kolom Actions.
Di pohon navigasi sisi kiri nama domain, klik Optimization.
Di bagian HTML Optimization, aktifkan HTML Optimization, CSS Optimization, atau JavaScript Optimization.
CatatanSaklar Optimasi HTML hanya mengontrol optimasi HTML. Jika Anda ingin mengaktifkan optimasi CSS atau JavaScript, Anda perlu mengaktifkan Optimasi HTML terlebih dahulu, lalu mengaktifkan Optimasi CSS atau Optimasi JavaScript.
Aktifkan HTML Optimization: Alibaba Cloud CDN mengoptimalkan halaman HTML.
Aktifkan CSS Optimization: Alibaba Cloud CDN mengoptimalkan gaya CSS.
Aktifkan JavaScript Optimization: Alibaba Cloud CDN mengoptimalkan kode JavaScript.