{"id":1117,"date":"2025-11-22T21:06:54","date_gmt":"2025-11-22T14:06:54","guid":{"rendered":"https:\/\/achmadfarid.com\/?p=1117"},"modified":"2025-11-22T21:06:54","modified_gmt":"2025-11-22T14:06:54","slug":"apa-itu-core-web-vitals-panduan-lcp-inp-cls-lengkap","status":"publish","type":"post","link":"https:\/\/achmadfarid.com\/en\/apa-itu-core-web-vitals-panduan-lcp-inp-cls-lengkap\/","title":{"rendered":"Apa Itu Core Web Vitals? Panduan LCP, INP, &#038; CLS Lengkap"},"content":{"rendered":"<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Selamat datang! Jika Anda di sini, kemungkinan besar Anda pernah mendengar istilah <a href=\"https:\/\/achmadfarid.com\/en\/category\/technical\/\">teknis SEO<\/a> seperti Core Web Vitals dan penasaran bagaimana hal itu memengaruhi peringkat website Anda. Anda berada di tempat yang tepat. Misi utama Google sederhana: menyajikan hasil pencarian terbaik bagi penggunanya. Namun, &#8220;terbaik&#8221; bukan lagi hanya soal kualitas konten, tetapi juga tentang seberapa menyenangkan pengalaman pengguna saat mengakses konten tersebut.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Di sinilah Core Web Vitals (CWV) berperan. Ini adalah cara Google untuk mengukur pengalaman pengguna (<em>User Experience<\/em>\u00a0atau UX) secara objektif dan terstandarisasi. Mengabaikannya sama saja dengan membiarkan pintu peringkat teratas tertutup untuk Anda.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Dalam panduan komprehensif ini, kita akan membahas tuntas\u00a0<strong>pengertian Core Web Vitals<\/strong>, tiga metrik utamanya, cara mengecek skor website Anda, hingga panduan optimasi praktis. Kami juga akan mengupas tuntas metrik terbaru\u00a0<strong>Interaction to Next Paint (INP)<\/strong>\u00a0yang kini menjadi standar baru Google. Mari kita mulai!<\/p>\n<h2 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Pengertian Core Web Vitals: 3 Pilar Utama Pengalaman Website<\/strong><\/h2>\n<p><img fetchpriority=\"high\" decoding=\"async\" class=\"size-full wp-image-1120 aligncenter\" src=\"https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Pengertian-Core-Web-Vitals.jpg\" alt=\"Pengertian Core Web Vitals: 3 Pilar Utama Pengalaman Website\" width=\"1280\" height=\"768\" srcset=\"https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Pengertian-Core-Web-Vitals.jpg 1280w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Pengertian-Core-Web-Vitals-300x180.jpg 300w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Pengertian-Core-Web-Vitals-1024x614.jpg 1024w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Pengertian-Core-Web-Vitals-768x461.jpg 768w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Pengertian-Core-Web-Vitals-18x12.jpg 18w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Definisi Core Web Vitals Secara Sederhana<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Secara sederhana,\u00a0<strong>pengertian Core Web Vitals<\/strong>\u00a0adalah serangkaian metrik standar dari Google yang dirancang untuk mengukur tiga aspek fundamental dari pengalaman pengguna: kecepatan memuat, responsivitas interaksi, dan stabilitas visual halaman web.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Bayangkan Core Web Vitals sebagai &#8220;rapor kesehatan&#8221; teknis website Anda dari sudut pandang pengunjung. Apakah halaman Anda cepat terbuka? Apakah tombol-tombolnya langsung merespons saat diklik? Apakah tampilannya stabil tanpa ada elemen yang tiba-tiba bergeser?<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Skor dari metrik-metrik inilah yang kemudian menjadi bagian penting dari sinyal &#8220;Page Experience,&#8221; salah satu faktor yang digunakan Google untuk menentukan peringkat website Anda di hasil pencarian (SERP).<\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Sejarah Singkat: Kapan Core Web Vitals Menjadi Penting?<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Meskipun pengalaman pengguna sudah lama menjadi fokus Google, Core Web Vitals secara resmi diperkenalkan pada Mei 2020. Kemudian, pada Juni 2021, CWV resmi menjadi faktor peringkat dalam algoritma Google.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Tujuan Google jelas: mendorong para pemilik website, developer, dan praktisi SEO untuk tidak hanya membuat konten yang relevan, tetapi juga membangun website yang cepat, responsif, dan stabil. Inisiatif ini bertujuan untuk menciptakan ekosistem web yang lebih baik dan lebih ramah bagi semua pengguna.<\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Mengapa Core Web Vitals Penting untuk SEO &amp; Bisnis Anda?<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Memahami dan mengoptimalkan Core Web Vitals bukan sekadar urusan teknis, melainkan investasi strategis untuk bisnis Anda. Berikut alasannya:<\/p>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Peningkatan Peringkat:<\/strong>\u00a0Google secara eksplisit menyatakan bahwa Page Experience, yang diukur oleh Core Web Vitals, adalah faktor peringkat. Website dengan skor CWV yang baik memiliki peluang lebih besar untuk menduduki posisi yang lebih tinggi di SERP.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Pengurangan Bounce Rate:<\/strong>\u00a0Pengguna internet modern tidak sabar. Halaman yang lambat atau tidak stabil akan membuat mereka frustrasi dan segera pergi. Skor CWV yang baik berarti pengalaman pengguna yang lebih mulus, yang secara langsung mengurangi angka\u00a0<em>bounce rate<\/em>.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Peningkatan Konversi:<\/strong>\u00a0Pengalaman yang lancar dan tanpa hambatan akan mendorong pengguna untuk menyelesaikan tindakan yang Anda inginkan, baik itu membeli produk, mengisi formulir, atau mendaftar newsletter. Website yang responsif terbukti meningkatkan angka konversi.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Meningkatkan Engagement:<\/strong>\u00a0Ketika sebuah situs terasa cepat dan mudah digunakan, pengunjung cenderung bertahan lebih lama, menjelajahi lebih banyak halaman, dan berinteraksi lebih dalam dengan konten Anda.<\/li>\n<\/ul>\n<h2 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>3 Metrik Utama Core Web Vitals<\/strong><\/h2>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Core Web Vitals berfokus pada tiga metrik spesifik. Mari kita bedah satu per satu, termasuk pembaruan penting.<\/p>\n<table>\n<thead>\n<tr>\n<th>Metrik<\/th>\n<th>Apa yang Diukur<\/th>\n<th>Skor Ideal (Baik)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>LCP<\/strong>\u00a0(Largest Contentful Paint)<\/td>\n<td>Kecepatan memuat halaman<\/td>\n<td>Di bawah 2,5 detik<\/td>\n<\/tr>\n<tr>\n<td><strong>INP<\/strong>\u00a0(Interaction to Next Paint)<\/td>\n<td>Responsivitas terhadap interaksi<\/td>\n<td>Di bawah 200 milidetik<\/td>\n<\/tr>\n<tr>\n<td><strong>CLS<\/strong>\u00a0(Cumulative Layout Shift)<\/td>\n<td>Stabilitas visual tata letak<\/td>\n<td>Di bawah 0,1<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>1. Largest Contentful Paint (LCP) &#8211; Kecepatan Memuat<\/strong><\/h3>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Pengertian:<\/strong>\u00a0LCP adalah metrik yang mengukur waktu yang dibutuhkan browser untuk menampilkan elemen konten terbesar (biasanya gambar, video, atau blok teks besar) yang terlihat di layar pengguna (<em>viewport<\/em>).<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Apa yang Diukur:<\/strong>\u00a0Metrik ini secara efektif mengukur persepsi pengguna terhadap kecepatan\u00a0<em>loading<\/em>\u00a0sebuah halaman. Ketika elemen terbesar muncul dengan cepat, pengguna merasa halaman tersebut telah termuat sepenuhnya.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Skor Ideal LCP:<\/strong>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Baik:<\/strong>\u00a0Di bawah 2,5 detik.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Perlu Peningkatan:<\/strong>\u00a0Antara 2,5 hingga 4 detik.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Buruk:<\/strong>\u00a0Di atas 4 detik.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>2. Interaction to Next Paint (INP) &#8211; Responsivitas Halaman<\/strong><\/h3>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Pengertian:<\/strong>\u00a0INP adalah metrik terbaru yang mengukur latensi dari\u00a0<em>semua<\/em>\u00a0interaksi yang dilakukan pengguna (seperti klik,\u00a0<em>tap<\/em>, atau ketikan) dengan sebuah halaman. INP mencatat waktu dari saat interaksi dimulai hingga browser berhasil menampilkan respons visual berikutnya (<em>next paint<\/em>).<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Apa yang Diukur:<\/strong>\u00a0INP memberikan gambaran komprehensif tentang seberapa cepat dan responsif halaman Anda secara keseluruhan, tidak hanya pada interaksi pertama. Ini adalah update penting yang menjadi standar baru Google.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Skor Ideal INP:<\/strong>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Baik:<\/strong>\u00a0Di bawah 200 milidetik.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Perlu Peningkatan:<\/strong>\u00a0Antara 200 hingga 500 milidetik.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Buruk:<\/strong>\u00a0Di atas 500 milidetik.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>3. Cumulative Layout Shift (CLS) &#8211; Stabilitas Visual<\/strong><\/h3>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Pengertian:<\/strong>\u00a0CLS adalah metrik yang mengukur total dari semua pergeseran tata letak (<em>layout shift<\/em>) yang tidak terduga yang terjadi selama masa aktif halaman.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Apa yang Diukur:<\/strong>\u00a0Metrik ini menilai stabilitas visual halaman. Skor CLS yang tinggi menunjukkan bahwa elemen-elemen di halaman Anda banyak bergerak saat dimuat, yang dapat mengganggu dan membuat frustrasi.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Contoh Kasus:<\/strong>\u00a0Anda pasti pernah mengalaminya. Anda ingin menekan tombol &#8220;Baca Selengkapnya&#8221;, tetapi tiba-tiba sebuah banner iklan muncul di atasnya, mendorong tombol tersebut ke bawah, dan Anda malah salah mengklik iklan. Itulah contoh nyata dari CLS yang buruk.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Skor Ideal CLS:<\/strong>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Baik:<\/strong>\u00a0Di bawah 0,1.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Perlu Peningkatan:<\/strong>\u00a0Antara 0,1 hingga 0,25.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Buruk:<\/strong>\u00a0Di atas 0,25.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Peralihan dari FID ke INP: Apa yang Perlu Anda Tahu?<\/strong><\/h2>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Salah satu update terpenting dalam dunia Core Web Vitals adalah penggantian metrik First Input Delay (FID) dengan Interaction to Next Paint (INP). Apa artinya ini bagi Anda?<\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Mengapa Google Mengganti First Input Delay (FID)?<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">FID adalah metrik yang bagus, namun memiliki satu keterbatasan besar: ia\u00a0<strong>hanya mengukur responsivitas dari interaksi\u00a0<em>pertama<\/em>\u00a0pengguna saja<\/strong>. Ini berarti FID tidak menangkap pengalaman pengguna secara keseluruhan jika ada interaksi lain yang lambat setelahnya.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Google memperkenalkan INP karena metrik ini jauh lebih komprehensif. INP mengukur\u00a0<strong>latensi dari\u00a0<em>semua<\/em>\u00a0interaksi<\/strong>\u00a0selama kunjungan pengguna di sebuah halaman, lalu melaporkan salah satu interaksi terlama. Ini memberikan gambaran yang jauh lebih akurat tentang responsivitas halaman secara keseluruhan.<\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Perbedaan Mendasar antara FID dan INP<\/strong><\/h3>\n<table>\n<thead>\n<tr>\n<th>Aspek<\/th>\n<th>First Input Delay (FID)<\/th>\n<th>Interaction to Next Paint (INP)<\/th>\n<\/tr>\n<\/thead>\n<tbody>\n<tr>\n<td><strong>Fokus Pengukuran<\/strong><\/td>\n<td>Hanya interaksi\u00a0<strong>pertama<\/strong>.<\/td>\n<td><strong>Semua<\/strong>\u00a0interaksi pengguna.<\/td>\n<\/tr>\n<tr>\n<td><strong>Apa yang Diukur<\/strong><\/td>\n<td>Hanya\u00a0<em>delay<\/em>\u00a0input (waktu tunggu browser sebelum memproses).<\/td>\n<td><strong>Seluruh durasi<\/strong>\u00a0interaksi (dari input, pemrosesan, hingga render visual).<\/td>\n<\/tr>\n<tr>\n<td><strong>Representasi<\/strong><\/td>\n<td>Mengukur kesan pertama pengguna terhadap responsivitas.<\/td>\n<td>Mengukur responsivitas halaman secara keseluruhan.<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Apakah Optimasi untuk FID Masih Relevan?<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Tentu saja! Jika Anda sebelumnya telah melakukan optimasi untuk FID, usaha Anda tidak sia-sia. Teknik optimasi yang sama, seperti mengurangi eksekusi JavaScript yang berat di\u00a0<em>main thread<\/em>, sangat relevan dan efektif untuk meningkatkan skor INP. Anggap saja INP adalah evolusi yang lebih baik dan lebih lengkap dari FID. Jadi, optimasi yang Anda lakukan kini akan memberikan dampak yang lebih terukur.<\/p>\n<h2 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Cara Mengecek Skor Core Web Vitals Website Anda<\/strong><\/h2>\n<p><img decoding=\"async\" class=\"size-full wp-image-1121 aligncenter\" src=\"https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Cara-Mengecek-Skor-Core-Web-Vitals-Website-Anda.jpg\" alt=\"Cara Mengecek Skor Core Web Vitals Website Anda\" width=\"1280\" height=\"768\" srcset=\"https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Cara-Mengecek-Skor-Core-Web-Vitals-Website-Anda.jpg 1280w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Cara-Mengecek-Skor-Core-Web-Vitals-Website-Anda-300x180.jpg 300w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Cara-Mengecek-Skor-Core-Web-Vitals-Website-Anda-1024x614.jpg 1024w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Cara-Mengecek-Skor-Core-Web-Vitals-Website-Anda-768x461.jpg 768w, https:\/\/achmadfarid.com\/wp-content\/uploads\/2025\/11\/Cara-Mengecek-Skor-Core-Web-Vitals-Website-Anda-18x12.jpg 18w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/><\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Sebelum melakukan optimasi, Anda perlu tahu di mana posisi Anda. Penting untuk diketahui ada dua jenis data:\u00a0<strong>Lab Data<\/strong>\u00a0(data dari lingkungan simulasi, berguna untuk\u00a0<em>debugging<\/em>) dan\u00a0<strong>Field Data<\/strong>\u00a0(data dari pengguna nyata, dikumpulkan melalui Chrome User Experience Report\/CrUX). Untuk SEO,\u00a0<strong>Field Data adalah yang paling penting<\/strong>\u00a0karena inilah yang dilihat Google.<\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Menggunakan Google PageSpeed Insights<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Ini adalah alat yang paling populer dan mudah digunakan.<\/p>\n<ol class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Buka situs\u00a0<a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noopener\">PageSpeed Insights<\/a>.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Masukkan URL halaman website Anda.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Klik &#8220;Analisis&#8221;.<\/li>\n<\/ol>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Dalam beberapa saat, Anda akan melihat laporan. Cari bagian\u00a0<strong>&#8220;Temukan apa yang dialami pengguna sungguhan&#8221;<\/strong>. Di situlah Anda akan menemukan skor LCP, INP, dan CLS dari Field Data.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><em>(Disarankan: Sertakan screenshot laporan PageSpeed Insights yang menyorot bagian Core Web Vitals dari Field Data).<\/em><\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Menggunakan Laporan di Google Search Console<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Google Search Console (GSC) memberikan pandangan makro tentang performa Core Web Vitals di seluruh situs Anda.<\/p>\n<ol class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Masuk ke akun Google Search Console Anda.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Di menu sebelah kiri, navigasi ke\u00a0<strong>Pengalaman &gt; Data Web Inti<\/strong>.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Anda akan melihat grafik performa URL di situs Anda dari waktu ke waktu, dikategorikan sebagai &#8220;Buruk&#8221;, &#8220;Perlu Peningkatan&#8221;, dan &#8220;Baik&#8221; untuk perangkat seluler dan desktop.<\/li>\n<\/ol>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Kelebihan GSC adalah ia dapat mengelompokkan halaman-halaman dengan masalah serupa, sehingga Anda bisa melakukan perbaikan secara lebih efisien.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><em>(Disarankan: Sertakan screenshot laporan Data Web Inti di GSC yang menunjukkan pengelompokan URL).<\/em><\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Alat Lainnya untuk Developer (Sebutkan Secara Singkat)<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Untuk analisis yang lebih mendalam, developer dapat menggunakan:<\/p>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Lighthouse:<\/strong>\u00a0Terintegrasi langsung di Chrome DevTools, bagus untuk mendapatkan Lab Data dan rekomendasi teknis.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Web Vitals Extension:<\/strong>\u00a0Ekstensi Chrome yang menampilkan skor CWV secara\u00a0<em>real-time<\/em>\u00a0saat Anda menjelajahi sebuah situs.<\/li>\n<\/ul>\n<h2 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Panduan Praktis Optimasi Core Web Vitals (Step-by-Step)<\/strong><\/h2>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Setelah mengetahui skor Anda, saatnya beraksi. Berikut adalah langkah-langkah praktis untuk memperbaiki setiap metrik.<\/p>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Cara Memperbaiki Skor LCP (Largest Contentful Paint)<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Fokus utama LCP adalah kecepatan pengiriman dan render elemen utama.<\/p>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Optimalkan Server:<\/strong>\u00a0Kurangi\u00a0<em>Time to First Byte<\/em>\u00a0(TTFB) dengan menggunakan hosting berkualitas.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Gunakan CDN (Content Delivery Network):<\/strong>\u00a0CDN akan menyajikan aset Anda dari server yang lokasinya paling dekat dengan pengguna, mempercepat waktu pengiriman.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Kompresi Gambar:<\/strong>\u00a0Gunakan alat kompresi dan sajikan gambar dalam format modern seperti WebP atau AVIF yang ukurannya lebih kecil tanpa mengorbankan kualitas.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Minimalkan\u00a0<em>Render-Blocking Resources<\/em>:<\/strong>\u00a0Tunda pemuatan file CSS dan JavaScript yang tidak kritikal agar browser bisa merender konten utama terlebih dahulu.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Terapkan\u00a0<em>Lazy Loading<\/em>:<\/strong>\u00a0Hanya muat gambar yang berada di luar layar saat pengguna melakukan\u00a0<em>scroll<\/em>\u00a0ke arahnya.<\/li>\n<\/ul>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Cara Memperbaiki Skor INP (Interaction to Next Paint)<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">INP sangat sensitif terhadap JavaScript yang berat.<\/p>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Identifikasi Skrip yang Berjalan Lama:<\/strong>\u00a0Gunakan Chrome DevTools untuk menemukan skrip yang memakan banyak waktu proses.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Pecah\u00a0<em>Long Tasks<\/em>:<\/strong>\u00a0Bagi tugas JavaScript yang berjalan lebih dari 50 milidetik menjadi bagian-bagian yang lebih kecil agar tidak memblokir\u00a0<em>main thread<\/em>.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Hindari Penggunaan JavaScript Berlebihan:<\/strong>\u00a0Evaluasi kembali, apakah semua animasi atau fungsionalitas yang digerakkan oleh JS benar-benar diperlukan?<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Minimalkan Pekerjaan di\u00a0<em>Main Thread<\/em>:<\/strong>\u00a0Pindahkan tugas non-UI ke\u00a0<em>web worker<\/em>\u00a0jika memungkinkan.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Kurangi Skrip Pihak Ketiga:<\/strong>\u00a0Setiap skrip dari pihak ketiga (iklan, analitik, tag manager) berpotensi memperlambat responsivitas. Audit dan hapus yang tidak esensial.<\/li>\n<\/ul>\n<h3 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Cara Memperbaiki Skor CLS (Cumulative Layout Shift)<\/strong><\/h3>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">CLS adalah tentang memberikan ruang yang pasti untuk setiap elemen.<\/p>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Tentukan Atribut Ukuran (<code>width<\/code>\u00a0dan\u00a0<code>height<\/code>):<\/strong>\u00a0Selalu sertakan dimensi untuk gambar, video, dan iframe agar browser tahu berapa banyak ruang yang harus dialokasikan sejak awal.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Sediakan Ruang Khusus untuk Iklan:<\/strong>\u00a0Jangan biarkan iklan dimuat dan mendorong konten lain. Alokasikan sebuah\u00a0<code>div<\/code>\u00a0dengan ukuran tetap sebagai\u00a0<em>placeholder<\/em>.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Hindari Menyisipkan Konten di Atas Konten Lain:<\/strong>\u00a0Jika Anda perlu menambahkan elemen baru (seperti notifikasi), jangan mendorong konten yang sudah ada ke bawah, kecuali itu adalah respons dari interaksi pengguna.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>Gunakan Properti\u00a0<code>transform<\/code>\u00a0untuk Animasi:<\/strong>\u00a0Untuk animasi yang melibatkan pergerakan, gunakan\u00a0<code>transform<\/code>\u00a0daripada mengubah properti tata letak seperti\u00a0<code>height<\/code>,\u00a0<code>width<\/code>, atau\u00a0<code>top<\/code>\u00a0yang dapat memicu\u00a0<em>layout shift<\/em>.<\/li>\n<\/ul>\n<h2 class=\"typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-ts color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tm color-c-n5 layout-mb-2 typography-f-sf typography-fs-n typography-w-500 layout-mt-0 layout-mb-2 typography-sz-tl color-c-n5 layout-mb-2\"><strong>Kesimpulan: Jadikan Core Web Vitals Bagian dari Rutinitas SEO Anda<\/strong><\/h2>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Core Web Vitals bukan lagi sekadar metrik teknis yang bisa diabaikan. Ini adalah pilar fundamental dari pengalaman pengguna dan merupakan faktor peringkat SEO yang krusial. Memahami dan mengoptimalkannya adalah kunci untuk bersaing di lanskap digital yang semakin ketat.<\/p>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Ingatlah tiga pilar utama yang telah kita bahas:<\/p>\n<ul class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>LCP<\/strong>\u00a0untuk mengukur\u00a0<strong>kecepatan<\/strong>\u00a0memuat.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>INP<\/strong>\u00a0untuk mengukur\u00a0<strong>responsivitas<\/strong>\u00a0interaksi.<\/li>\n<li class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\"><strong>CLS<\/strong>\u00a0untuk mengukur\u00a0<strong>stabilitas<\/strong>\u00a0visual.<\/li>\n<\/ul>\n<p class=\"typography-f-s typography-fs-n typography-w-400 layout-m-0 typography-sz-bm layout-as-n color-c-n35 layout-mb-2\">Sekarang giliran Anda. Jangan tunda lagi!\u00a0<strong>Gunakan Google PageSpeed Insights untuk mengecek skor Core Web Vitals website Anda saat ini.<\/strong>\u00a0Mulailah terapkan tips optimasi yang telah kami bagikan dan berikan pengalaman terbaik yang layak didapatkan oleh pengunjung Anda.<\/p>","protected":false},"excerpt":{"rendered":"<p>Selamat datang! Jika Anda di sini, kemungkinan besar Anda pernah mendengar istilah teknis SEO seperti Core Web Vitals dan penasaran bagaimana hal itu memengaruhi peringkat website Anda. Anda berada di tempat yang tepat. Misi utama Google sederhana: menyajikan hasil pencarian terbaik bagi penggunanya. Namun, &#8220;terbaik&#8221; bukan lagi hanya soal kualitas konten, tetapi juga tentang seberapa [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":1122,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[12,1],"tags":[],"class_list":["post-1117","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-technical","category-on-page"],"_links":{"self":[{"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/posts\/1117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/comments?post=1117"}],"version-history":[{"count":1,"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/posts\/1117\/revisions"}],"predecessor-version":[{"id":1123,"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/posts\/1117\/revisions\/1123"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/media\/1122"}],"wp:attachment":[{"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/media?parent=1117"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/categories?post=1117"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/achmadfarid.com\/en\/wp-json\/wp\/v2\/tags?post=1117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}