𝗢𝗽𝘁𝗶𝗺𝗶𝘇𝗶𝗻𝗴 𝗖𝗼𝗿𝗲 𝗪𝗲𝗯 𝗩𝗶𝘁𝗮𝗹𝘀 𝗨𝘀𝗶𝗻𝗴 𝗖𝗗𝗡 𝗮𝗻𝗱 𝗖𝗮𝗰𝗵𝗶𝗻𝗴 𝗛𝗲𝗮𝗱𝗲𝗿𝘀

Google menggunakan Core Web Vitals untuk mengukur kecepatan dan stabilitas situs Anda. Skor yang tinggi akan meningkatkan SEO dan pengalaman pengguna Anda.

Anda perlu melacak tiga metrik utama: • Largest Contentful Paint (LCP): Target di bawah 2,5 detik. • Interaction to Next Paint (INP): Target di bawah 200ms. • Cumulative Layout Shift (CLS): Target di bawah 0,1.

Content Delivery Network (CDN) yang dipadukan dengan caching headers yang cerdas adalah cara tercepat untuk meningkatkan skor-skor tersebut.

Bagaimana CDN membantu:

  • Mengurangi latensi dengan menyajikan file dari lokasi yang dekat dengan pengguna Anda.
  • Melakukan caching pada respons API di edge untuk melindungi server Anda.
  • Menyajikan konten lama (stale content) jika server asal (origin server) Anda mati.
  • Mengoptimalkan gambar dengan mengubah ukuran dan mengompresnya secara otomatis.

Gunakan strategi caching berikut: • Aset statis: Gunakan durasi cache yang lama dengan file hash. • Halaman HTML: Atur cache header tertentu berdasarkan frekuensi pembaruan Anda. • Respons API: Cache konten di edge untuk mengurangi beban origin.

Optimasi gambar sangat penting untuk LCP. Sebagian besar masalah LCP berasal dari gambar hero yang besar. CDN dapat mengonversi gambar tersebut ke format WebP atau AVIF dan menyajikannya dari server terdekat. Hal ini mengurangi bobot halaman seluler hingga 70%.

Mengelola pembaruan sangat mudah dengan alat modern. Gunakan webhook untuk memicu penghapusan cache (cache purging). Saat Anda memperbarui konten, CDN Anda hanya akan menghapus data lama. Ini menjaga situs Anda tetap cepat tanpa menampilkan informasi yang kedaluwarsa.

Langkah-langkah yang perlu diambil:

  • Gunakan CDN modern dengan edge computing.
  • Atur cache-control header yang benar untuk setiap jenis sumber daya.
  • Optimalkan gambar di edge.
  • Cache respons API.
  • Gunakan webhook untuk membersihkan cache selama pembaruan.
  • Pantau metrik pengguna nyata (real user metrics) untuk melihat kemajuan Anda.

Perubahan kecil dalam cara Anda menyajikan file akan menghasilkan peringkat yang lebih baik dan konversi yang lebih banyak.

Sumber: https://dev.to/sohanaakbar7/optimizing-core-web-vitals-using-cdn-caching-headers-2lfd