Cara Mengatur Cloudflare Polish untuk Kompres Gambar WebP Otomatis

Pernah nggak kamu cek Google PageSpeed Insights, sudah pakai format WebP, tapi nilainya tetap merah membara gara-gara ukuran gambar dianggap terlalu besar? Kejadian ini persis banget sama yang saya alami pertengahan tahun lalu. Waktu itu saya migrasi script ke Node.js versi 20 dan pakai framework Next.js terbaru. Logikanya, semua aset gambar sudah saya konversi ke format WebP biar kekinian dan ringan. Eh, pas dicek, skor Largest Contentful Paint (LCP) malah berantakan. Ternyata, sekadar mengubah format ke WebP itu belum cukup kalau tingkat kompresinya tidak pas.

Untungnya, bagi yang websitenya sudah terhubung ke Cloudflare, ada satu fitur keren bernama Cloudflare Polish. Fitur ini bekerja di tingkat edge server (jaringan server terdekat dari pengunjung) untuk memperkecil ukuran file gambar secara otomatis, bahkan bisa memproduksi format WebP secara dinamis dari file asal seperti JPEG atau PNG. Tulisan ini bakal mengulas habis cara konfigurasinya agar website kamu bisa melesat tanpa mengorbankan ketajaman visual.

Mengapa WebP Saja Belum Cukup untuk Kecepatan Website?

Banyak orang mengira format WebP adalah obat dewa untuk segala urusan performa gambar. Format buatan Google ini memang punya kemampuan kompresi yang jauh lebih baik daripada JPEG atau PNG tradisional. Tapi masalahnya, banyak tool exporter atau plugin CMS yang menghasilkan file WebP dengan kompresi lossless (tanpa penurunan kualitas sama sekali) atau dengan tingkat kualitas 100%. Hasilnya? Ukuran filenya tetap raksasa.

Disinilah peran penting manajemen aset di sisi jaringan. Ketika gambar diunggah ke hosting, server kamu harus bekerja keras memproses request setiap kali ada pengunjung datang. Kalau server kamu spesifikasinya pas-pasan, proses pengiriman gambar WebP yang belum terkompresi dengan baik ini bakal bikin antrean request jadi panjang. Dampaknya, loading halaman pertama kali terasa berat dan tersendat-sendat.

Ini berdasarkan pengalaman praktis saya, bukan data resmi: Mengandalkan kompresi lokal di server bawaan hosting sering kali bikin CPU server melonjak sampai 90% saat traffic sedang ramai, makanya memindahkan beban kerja kompresi ke Cloudflare adalah pilihan paling logis.

Dengan memanfaatkan jaringan global, Cloudflare Polish mengambil alih tugas berat tersebut. Server asal kamu cuma perlu mengirimkan gambar satu kali saja, sisanya Cloudflare yang mengolah, menyimpan di cache, dan mengirimkannya ke browser pengunjung dengan ukuran seminimal mungkin.

Cara Kerja Cloudflare Polish dalam Memproses Gambar

Cloudflare Polish bekerja secara otomatis begitu mendeteksi adanya request file gambar yang melewati jaringannya. Ada dua mode utama yang disediakan, yaitu Lossless dan Lossy. Memahami perbedaan keduanya sangat penting supaya kamu tidak salah pilih yang berujung pada rusaknya tampilan estetik website.

Mode Lossless bertugas menghapus data-data tersembunyi yang menempel pada file gambar, seperti metadata EXIF (informasi kamera, lokasi jepretan, tanggal, dan profil warna). Penghapusan data ini sama sekali tidak mengubah pixel atau visual gambar, tapi bisa memangkas ukuran file beberapa belas persen. Mode ini cocok banget buat website portofolio fotografi yang menuntut keaslian warna mutlak.

Sedangkan mode Lossy melangkah lebih jauh. Selain menghapus metadata, mode ini mengubah algoritma kompresi pixel gambar demi mendapatkan ukuran file sekecil mungkin. Cloudflare memakai standar penyesuaian otomatis yang pintar, sehingga penurunan ukuran file bisa mencapai 50-70% tanpa membuat gambar terlihat pecah atau buram di mata manusia. Untuk website berita, blog, atau toko online, mode Lossy adalah pilihan terbaik demi kecepatan maksimal.

[Browser Pengunjung] ---> (Cloudflare Edge Server) ---> [Origin Server / Hosting]
                               |
                   Apakah gambar ada di cache?
                   /                       \
               (Ya)                        (Tidak)
                |                             |
      Kirim gambar WebP             Ambil gambar asli,
      yang sudah di-Polish         Polish jalankan kompresi,
                                    simpan di cache edge.

Langkah Aktivasi Cloudflare Polish

Untuk mengaktifkan fitur ini, kamu memerlukan akun Cloudflare yang minimal berada pada paket berbayar (Pro). Masuk ke dashboard Cloudflare kamu, lalu ikuti urutan setelan berikut ini dengan cermat agar tidak terjadi salah konfigurasi.

Pertama, buka opsi Speed pada menu navigasi sebelah kiri, lalu pilih Optimization. Scroll halaman tersebut ke bawah sampai kamu menemukan bagian bertuliskan Polish. Di sana kamu akan melihat menu drop-down untuk menentukan tingkat kompresi yang diinginkan.

Kedua, ubah status Polish dari Off menjadi Lossy jika fokus utamanya adalah kecepatan akses halaman. Kalau kamu masih ragu dan takut kualitas visualnya turun drastis, silakan coba mode Lossless terlebih dahulu, lalu cek perubahannya.

Ketiga, jangan lupa untuk mencentang kotak opsi WebP Extension. Opsi inilah yang paling sakti. Ketika dicentang, Cloudflare akan mengecek apakah browser milik pengunjung mendukung format WebP (hampir semua browser modern rilisan beberapa tahun terakhir sudah mendukung). Jika mendukung, Cloudflare otomatis mengubah file PNG atau JPEG kamu menjadi WebP secara langsung di jaringan mereka sebelum dikirim ke pengunjung.

Mengatasi Masalah Error Cache Gambar Tidak Berubah

Saya punya cerita menggelikan saat pertama kali pasang fitur ini. Waktu itu saya buru-buru mengaktifkan mode Lossy dan mencentang WebP extension. Begitu selesai, saya langsung akses website lewat handphone. Kok tampilannya nggak berubah ya? Ukuran filenya masih sama, dan formatnya masih JPEG lama. Saya sempat ngedumel sendiri, mikir kalau fiturnya rusak atau Cloudflare lagi error.

Eh ternyata, solusinya sepele banget: saya lupa purge cache! Browser dan server Cloudflare ternyata masih menyimpan versi gambar lama yang belum diproses. Jadi kalau kamu mengalami kendala serupa setelah aktivasi Polish, jangan panik dulu. Kamu cukup pergi ke tab Caching -> Configuration di Cloudflare, lalu klik tombol Purge Everything. Tunggu sekitar 30 detik, lalu buka website kamu kembali lewat mode Incognito.

Untuk memastikan Polish sudah bekerja, klik kanan pada gambar di website kamu, pilih Inspect Element, dan lihat bagian Network tab. Periksa bagian header respons gambar tersebut. Jika sukses, kamu akan melihat baris header seperti ini:

cf-bgtyped: webp
cf-polished: origSize=154200, status=converted_to_webp
cache-control: public, max-age=604800

Tulisan status=converted_to_webp menandakan sistem bekerja sempurna. Gambar asli kamu yang tadinya berukuran 154 KB sekarang dikirim dalam format WebP yang jauh lebih mini.

Daftar Referensi

1. Cloudflare Polish Documentation
2. Google Web Dev: Serve Images in WebP Format
3. MDN Web Docs: WebP Image Format Specification

Selanjutnya Bisa Dikembangkan

• Mencoba integrasi Cloudflare Image Resizing via URL parameter untuk membuat variasi ukuran gambar (thumbnail, medium, large) secara dinamis tanpa plugin tambahan.
• Menerapkan Custom Page Rules di Cloudflare khusus untuk folder aset gambar (misalnya /wp-content/uploads/*) agar waktu simpan cache (Edge Cache TTL) bisa disetel lebih lama hingga sebulan penuh.
• Menggabungkan Cloudflare Polish dengan fitur Mirage demi mempercepat loading gambar di perangkat mobile dengan koneksi jaringan yang lambat atau tidak stabil.

Saya pribadi lebih suka menyerahkan urusan optimasi gambar ke Cloudflare Polish daripada pasang plugin kompresi gambar bertumpuk-tumpuk di dalam CMS website. Selain bikin database hosting jadi bersih dari file duplikat, resource CPU hosting juga bisa fokus dipakai untuk proses pembacaan database yang lain.

Kalau setelan Cloudflare Polish kamu masih belum memotong ukuran file gambar secara signifikan, coba cek pengaturan asal di web server kamu, siapa tahu ada konfigurasi header yang bentrok. Kalau ada step yang bikin kamu bingung atau error pas nyoba tutorial di atas, tanya saja di kolom komentar ya. Saya balas secepatnya (biasanya dalam 24 jam kalau sedang tidak tidur 😄).