Core Web Vitals (LCP, FID, CLS) menjadi faktor penentu dalam peringkat SEO Google. Bagi pemilik situs WordPress, pengoptimalan tiga metrik ini dapat meningkatkan kecepatan, pengalaman pengguna, dan peluang masuk ke featured snippet. Berikut panduan terperinci yang dapat Anda terapkan langsung di situs APA ITU.<\/p>\n
Masukkan URL situs Anda, catat skor masing\u2011masing, dan perhatikan rekomendasi yang diberikan. Simpan laporan sebagai acuan sebelum dan sesudah optimasi.<\/p>\n
loading=\"lazy\"<\/code> pada gambar di bawah fold.<\/li>\n- Gunakan plugin seperti Imagify<\/strong> atau ShortPixel<\/strong> untuk kompresi otomatis.<\/li>\n<\/ul>\n
2. Prioritaskan CSS kritis<\/h3>\n
Ekstrak CSS yang diperlukan untuk rendering di atas lipatan (above\u2011the\u2011fold) dan inline-kan pada <head><\/code>. Plugin Autoptimize<\/strong> dapat meng\u2011generate CSS kritis secara otomatis.<\/p>\n3. Kurangi ukuran JavaScript<\/h3>\n
Minify dan defer skrip yang tidak penting. Tambahkan atribut defer<\/code> atau async<\/code> pada tag <script><\/code>. Hindari penggunaan plugin berlebihan yang menyertakan banyak file JS.<\/p>\nStrategi mengoptimalkan FID<\/h2>\n1. Hapus JavaScript render\u2011blocking<\/h3>\n
Letakkan skrip utama di bagian akhir <body><\/code> atau gunakan defer<\/code>. Pastikan tidak ada skrip yang menghambat interaksi pengguna pada fase pertama muat.<\/p>\n2. Gunakan jaringan CDN<\/h3>\n
Distribusikan aset statis melalui CDN (misalnya Cloudflare) untuk menurunkan latency dan mengurangi waktu respons server.<\/p>\n
3. Implementasikan server\u2011side rendering (SSR)<\/h3>\n
Jika situs dibangun dengan kombinasi Next.js dan WordPress headless, gunakan SSR untuk menyediakan HTML lengkap sebelum JavaScript dijalankan.<\/p>\n
Strategi mengoptimalkan CLS<\/h2>\n1. Tetapkan dimensi media<\/h3>\n
Berikan lebar dan tinggi eksplisit pada gambar, video, iklan, dan iframe. Ini mencegah pergeseran layout saat elemen dimuat.<\/p>\n
2. Hindari konten dinamis tanpa placeholder<\/h3>\n
Jika menampilkan konten yang berubah-ubah (mis. carousel), sisakan ruang kosong menggunakan CSS min-height<\/code> atau aspect-ratio<\/code>.<\/p>\n3. Pantau perubahan font<\/h3>\n
Gunakan font-display: swap<\/code> pada @font-face untuk menghindari FOIT (Flash of Invisible Text) yang dapat memicu pergeseran layout.<\/p>\nPlugin WordPress rekomendasi<\/h2>\n\n- WP Rocket<\/strong>: Caching, minifikasi, lazy load, dan CDN integrasi dalam satu paket.<\/li>\n
- Perfmatters<\/strong>: Menonaktifkan script yang tidak terpakai (emoji, embeds, dashicons).<\/li>\n
- Schema & Structured Data for WP<\/strong>: Menambahkan JSON\u2011LD schema otomatis untuk rich results.<\/li>\n<\/ul>\n
Testing pasca\u2011optimasi<\/h2>\n
Setelah menerapkan perubahan, jalankan kembali audit di PageSpeed Insights, Lighthouse, atau GTmetrix. Bandingkan metrik dengan nilai sebelum optimasi. Jika masih di bawah target, periksa kembali plugin yang mungkin menambah beban.<\/p>\n
Kesimpulan<\/h2>\n
Dengan mengikuti langkah-langkah di atas, situs WordPress APA ITU dapat mencapai skor Core Web Vitals 100, meningkatkan peluang masuk ke SERP premium, dan memberikan pengalaman membaca yang mulus bagi pengguna. Mengoptimalkan LCP, FID, dan CLS bukan hanya tentang kecepatan, melainkan tentang kredibilitas dan otoritas online.<\/p>\n","protected":false},"excerpt":{"rendered":"
Panduan langkah\u2011demi\u2011langkah untuk memperbaiki LCP, FID, dan CLS agar website WordPress Anda mencapai skor 100 di Google Lighthouse.<\/p>\n","protected":false},"author":1,"featured_media":76,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[38,9],"tags":[28,36,37,39],"class_list":["post-54","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance","category-tutorial","tag-core-web-vitals","tag-lcp-fid-cls","tag-lighthouse","tag-wordpress-optimization"],"_links":{"self":[{"href":"https:\/\/apaituai.web.id\/index.php?rest_route=\/wp\/v2\/posts\/54","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/apaituai.web.id\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/apaituai.web.id\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/apaituai.web.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/apaituai.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=54"}],"version-history":[{"count":0,"href":"https:\/\/apaituai.web.id\/index.php?rest_route=\/wp\/v2\/posts\/54\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/apaituai.web.id\/index.php?rest_route=\/wp\/v2\/media\/76"}],"wp:attachment":[{"href":"https:\/\/apaituai.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=54"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/apaituai.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=54"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/apaituai.web.id\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=54"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}