{"id":18173,"date":"2022-05-19T20:29:25","date_gmt":"2022-05-19T13:29:25","guid":{"rendered":"\/tutorial\/?p=18173"},"modified":"2025-01-08T15:11:21","modified_gmt":"2025-01-08T08:11:21","slug":"core-web-vitals","status":"publish","type":"post","link":"\/id\/tutorial\/core-web-vitals","title":{"rendered":"Core web vitals: memahami metrik penting untuk optimasi website"},"content":{"rendered":"<p>Faktor peringkat dan algoritme&nbsp;Google awalnya hampir selalu bersifat semantik. Tapi, sejak update terakhir, mereka pun mulai&nbsp;memprioritaskan pengalaman pengguna. Setelah menerapkan berbagai kriteria, seperti kecepatan halaman dan mobile-friendliness, Google mengumumkan Core Web Vitals pada Mei 2020.<\/p><p>Core Web Vitals (Data Web Inti) memberikan panduan terkait kualitas website. Pemilik website bisa memanfaatkannya untuk mengevaluasi website dan pengalaman webnya, serta mencari tahu bagian mana yang perlu ditingkatkan berdasarkan nilai ambang batas tertentu.<\/p><p>Nah, di artikel ini, selain menjelaskan apa itu Core Web Vitals, kami juga akan menjelaskan informasi penting tentangnya, termasuk tool untuk menilai website dan cara menggunakannya, serta metrik lain yang mendukung 3 Web Vitals utama. Selamat membaca!<\/p><figure class=\"wp-block-image size-large\"><a href=\"https:\/\/assets.hostinger.com\/content\/tutorials\/pdf\/Speed-Up-Your-Website-ID.pdf\" target=\"_blank\" rel=\"noopener\"><img decoding=\"async\" width=\"1024\" height=\"283\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/public\" alt=\"\" class=\"wp-image-27589\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/11\/eBook-Speed-Up-website-ID.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><p>\n\n\n\n\n\n<div class=\"protip\">\n                    <h2 class=\"featured-snippet title\">Apa Itu Core Web Vitals?<\/h2>\n                    <p>Core Web Vitals adalah serangkaian faktor utama yang ditetapkan Google untuk menilai user experience (pengalaman pengguna) sebuah website. Core Web Vitals mewakili 3 elemen yang memengaruhi cara pengguna berinteraksi dengan website, yaitu kecepatan loading, interaksi pengguna, dan stabilitas visual.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-metrik-utama-core-web-vitals\">Metrik Utama Core Web Vitals<\/h2><p>Google menyebutkan bahwa metrik Core Web Vitals&nbsp;<a href=\"https:\/\/web.dev\/vitals\/\" target=\"_blank\" rel=\"noreferrer noopener\">bisa berkembang seiring waktu<\/a>, tergantung pada hal-hal apa saja yang dianggap sebagai &lsquo;pengalaman halaman yang baik&rsquo; menurut pengguna.<\/p><p>Untuk saat ini, pemilik dan developer website perlu menilai 3 metrik Core Web Vitals berikut ini.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/04\/metrik-utama-core-web-vitals.png\" alt=\"metrik utama core web vitals\"><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-largest-contentful-paint-lcp-waktu-loading-halaman\">Largest Contentful Paint (LCP) &ndash; Waktu Loading Halaman<\/h3><p><a href=\"\/id\/tutorial\/largest-contentful-paint\">Largest Contentful Paint (LCP)<\/a>&nbsp;mengecek waktu render konten utama halaman ketika halaman mulai dimuat. Konten utama umumnya berupa blok gambar atau teks yang ukurannya paling besar di viewport, yaitu area halaman web yang sedang dilihat di perangkat pengguna.<\/p><p>Data Largest Contentful Paint utamanya terdiri dari elemen-elemen berikut:<\/p><ul class=\"wp-block-list\">\n<li>Elemen gambar<\/li>\n\n\n\n<li>Teks block-level<\/li>\n\n\n\n<li>Gambar poster video<\/li>\n\n\n\n<li>Gambar latar belakang<\/li>\n<\/ul><p>Pemilik website perlu memastikan bahwa nilai Core Web Vitals website miliknya hanya <strong>2,5 detik atau kurang<\/strong>. Dengan begitu, website bisa memberikan pengalaman pengguna yang baik dan mencapai kecepatan ideal.<\/p><p>Meskipun konten yang dimuat terakhir biasanya lebih besar daripada elemen lain di halaman, kenyataannya tidak selalu begitu.&nbsp;Jadi, menerapkan <a href=\"https:\/\/gtmetrix.com\/preload-largest-contentful-paint-image.html\" target=\"_blank\" rel=\"noreferrer noopener\">preloading untuk konten terbesar<\/a> akan membantu halaman mencapai nilai LCP yang lebih baik dan meningkatkan pengalaman halaman.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"694\" height=\"366\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/preloading-largest-content.png\/public\" alt=\"preloading largest contentful paint\" class=\"wp-image-18189\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/preloading-largest-content.png\/w=694,fit=scale-down 694w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/preloading-largest-content.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/preloading-largest-content.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 694px) 100vw, 694px\" \/><\/figure><\/div><p>Faktor umum yang menyebabkan nilai Largest Contentful Paint menjadi buruk adalah waktu respons server yang lambat, rendering sisi klien (client-side), dan gambar berukuran besar.<\/p><h3 class=\"wp-block-heading\" id=\"h-interaction-to-next-paint-inp-kemampuan-respons-halaman\">Interaction to Next Paint (INP) &ndash; Kemampuan Respons Halaman<\/h3><p><a href=\"https:\/\/developers.google.com\/search\/blog\/2023\/05\/introducing-inp?hl=id\" target=\"_blank\" rel=\"noreferrer noopener\">Interaction to Next Paint (INP)<\/a> menilai seberapa cepat halaman Anda bereaksi terhadap interaksi pengguna, misalnya mengklik link atau tombol CTA tertentu.<\/p><p>Skor INP yang tinggi berarti pengguna harus menunggu beberapa saat hingga halaman diperbarui setelah interaksi mereka. Hal ini bisa merusak pengalaman pengguna dan meningkatkan bounce rate website Anda.<\/p><p>Skor INP dinilai seperti berikut:<\/p><ul class=\"wp-block-list\">\n<li><strong>Hasil bagus<\/strong> &ndash; di bawah 200 milidetik.<\/li>\n\n\n\n<li><strong>Perlu perbaikan<\/strong> &ndash; antara 200 dan 500 milidetik.<\/li>\n\n\n\n<li><strong>Buruk<\/strong> &ndash; lebih dari 500 milidetik.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" src=\"\/tutorial\/wp-content\/uploads\/sites\/37\/2024\/04\/cara-menilai-inp.png\" alt=\"cara menilai inp\"><\/figure><\/div><p>Untuk memperbaiki skor INP, evaluasi ukuran dan kompleksitas website Anda. Pastikan untuk melakukan minify file JavaScript, mengaktifkan kompresi GZip, dan menggunakan CDN.<\/p><p>User Hostinger bisa memanfaatkan CDN internal yang akan membantu mempercepat website hingga 40%. CDN ini tersedia gratis tanpa biaya apa pun bagi pengguna paket <a href=\"\/id\/web-hosting\">web hosting Business<\/a> atau paket tingkat tinggi lainnya.<\/p><figure class=\"wp-block-image size-large\"><a href=\"\/id\/\" target=\"_blank\" rel=\"noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/public\" alt=\"\" class=\"wp-image-29634\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2023\/02\/ID-Web-hosting_in-text-banner.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><h3 class=\"wp-block-heading\" id=\"h-cumulative-layout-shift-pengalaman-visual-halaman\">Cumulative Layout Shift &ndash; Pengalaman Visual Halaman<\/h3><p><a href=\"\/id\/tutorial\/cumulative-layout-shift\">Cumulative Layout Shift (CLS)<\/a>&nbsp;menilai stabilitas visual dan mengecek apakah ada pergeseran layout (tata letak) yang tidak terduga di halaman.<\/p><p>Gerakan tak terduga terjadi ketika elemen halaman seperti teks, tombol, dan gambar terdorong ke bawah saat halaman masih loading.&nbsp;Ini bisa cukup mengesalkan bagi pengguna, karena terkadang mereka menjadi tidak sengaja mengklik elemen lain.<\/p><p>Nilai Cumulative Layout Shift&nbsp;yang dijadikan patokan adalah <strong>0,1 atau kurang<\/strong>.<\/p><p>Sebelumnya, Google menilai metrik Core Web Vitals ini dengan menghitung jumlah nilai pergeseran layout individual di seluruh halaman.<\/p><p>Sistem ini telah <a href=\"https:\/\/web.dev\/evolving-cls\/\" target=\"_blank\" rel=\"noreferrer noopener\">menilai jendela sesi<\/a> sejak tahun 2021. &lsquo;Jendela sesi&rsquo; adalah istilah yang digunakan untuk menyebut satu rangkaian pergeseran layout individual yang terjadi selama maksimal 5 detik, dengan jarak satu detik antarjendela.<\/p><p>Faktor paling umum yang menyebabkan terjadinya pergeseran layout adalah adanya gambar, widget, dan banner iklan tanpa dimensi.<\/p><h2 class=\"wp-block-heading\" id=\"h-seberapa-pentingkah-core-web-vitals\">Seberapa Pentingkah Core Web Vitals?<\/h2><p>Core Web Vitals adalah bagian dari sinyal pengalaman halaman yang memberitahukan sejauh mana website bisa diakses secara mobile-friendly, aman untuk browsing, dan tanpa interstisial yang mengganggu.<\/p><p>Sejak Agustus 2021, metrik pengalaman halaman telah menjadi <a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/experience\/page-experience\" target=\"_blank\" rel=\"noreferrer noopener\">pertimbangan ranking<\/a> yang penting untuk perangkat seluler.&nbsp;Google bahkan menyelesaikan sistem peringkat ini untuk desktop pada Maret 2022.<\/p><p>Pembaruan pengalaman halaman Google tersebut juga menunjukkan bahwa mereka masih memprioritaskan halaman yang kontennya paling relevan.&nbsp;Namun, pengalaman halaman hanya bisa meningkatkan visibilitas kalau beberapa halaman memiliki tingkat relevansi yang sama.<\/p><p>Jadi, bisa kita simpulkan bahwa Core Web Vitals memainkan peran penting dalam faktor peringkat&nbsp;<a href=\"\/id\/tutorial\/apa-itu-seo\">search engine optimization (SEO)<\/a>.<\/p><p>Core Web Vitals juga membantu Anda memastikan bahwa website memberikan performa yang cepat dan stabil, sehingga bisa meningkatkan tingkat konversi dan engagement.<\/p><p>Bahkan,&nbsp;<a href=\"https:\/\/postclick.com\/blog\/mobile-speed-score\/\" target=\"_blank\" rel=\"noreferrer noopener\">lebih dari 50% pengguna perangkat mobile<\/a>&nbsp;akan langsung menutup halaman kalau loadingnya memakan waktu lebih dari 3 detik.&nbsp;Apabila lebih lama 1 sampai 3 detik saja, ini bisa <a href=\"https:\/\/support.google.com\/webmasters\/answer\/9205520?hl=id\" target=\"_blank\" rel=\"noreferrer noopener\">meningkatkan bounce rate hingga 32%<\/a>.<\/p><h2 class=\"wp-block-heading\" id=\"h-tool-untuk-mengukur-core-web-vitals\">Tool untuk Mengukur Core Web Vitals<\/h2><p>Karena Core Web Vitals kini menjadi pertimbangan pemberian ranking, pakar SEO perlu memantau nilai mereka dan memastikan metrik tersebut berperforma baik untuk mendapatkan posisi teratas di hasil pencarian Google.<\/p><p>Ada 3 tool Google untuk mengukur Core Web Vitals, yaitu:<\/p><ul class=\"wp-block-list\">\n<li><strong>PageSpeed &#8203;&#8203;Insights<\/strong>&nbsp;&ndash; melaporkan data Core Web Vitals pada perangkat seluler dan desktop selama periode 28 hari sebelumnya.&nbsp;Tool ini juga menampilkan analisis <a href=\"https:\/\/blog.hostinger.io\/co-id-tutorial\/cek-kecepatan-website\" target=\"_blank\" rel=\"noopener\">uji kecepatan website<\/a> untuk mengecek waktu loading. Untuk menggunakan tool ini, buka <a href=\"https:\/\/pagespeed.web.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">website PageSpeed &#8203;&#8203;Insights<\/a>, masukkan URL, dan klik tombol&nbsp;<strong>Analyze<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/halaman-beranda-Google-PageSpeed-Insights.png\/public\" alt=\"halaman beranda Google PageSpeed Insights\" class=\"wp-image-18187\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/halaman-beranda-Google-PageSpeed-Insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/halaman-beranda-Google-PageSpeed-Insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/halaman-beranda-Google-PageSpeed-Insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/halaman-beranda-Google-PageSpeed-Insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Lighthouse<\/strong>&nbsp;&ndash; tool open-source dan otomatis untuk memantau performa web. Lighthouse memiliki beberapa metrik yang tidak dimiliki oleh PageSpeed &#8203;&#8203;Insights, seperti aksesibilitas dan SEO.&nbsp;Ada 2 cara menggunakan tool ini, yaitu dengan menginstal ekstensi, atau mengklik kanan halaman yang ingin dianalisis lalu -&gt;&nbsp;<strong>Inspect<\/strong>&nbsp;-&gt;&nbsp;<strong>Lighthouse<\/strong>.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"640\" height=\"400\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/ekstensi-laporan-lighthouse.png\/public\" alt=\"ekstensi laporan lighthouse\" class=\"wp-image-18183\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/ekstensi-laporan-lighthouse.png\/w=640,fit=scale-down 640w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/ekstensi-laporan-lighthouse.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/ekstensi-laporan-lighthouse.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 640px) 100vw, 640px\" \/><\/figure><\/div><ul class=\"wp-block-list\">\n<li><strong>Search Console<\/strong>&nbsp;&ndash; menampilkan metrik performa pada laporan Core Web Vitals di bagian <strong>Enhancements<\/strong>. Tidak seperti dua tool lainnya, Search Console memungkinkan Anda mengecek semua halaman website secara bersamaan.<\/li>\n<\/ul><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"734\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/laporan-core-web-vitals-google-search-console.png\/public\" alt=\"laporan core web vitals google search console\" class=\"wp-image-18188\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/laporan-core-web-vitals-google-search-console.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/laporan-core-web-vitals-google-search-console.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/laporan-core-web-vitals-google-search-console.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/laporan-core-web-vitals-google-search-console.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><figure tabindex=\"0\" class=\"wp-block-table aligncenter\"><table><tbody><tr><td>&nbsp;<\/td><td><strong>LCP<\/strong><\/td><td><strong>INP<\/strong><\/td><td><strong>CLS<\/strong><\/td><\/tr><tr><td><strong>PageSpeed Insights<\/strong><\/td><td>Ya<\/td><td>Ya<\/td><td>Ya<\/td><\/tr><tr><td><strong>Lighthouse<\/strong><\/td><td>Ya<\/td><td>Ya<\/td><td>Ya<\/td><\/tr><tr><td><strong>Search Console<\/strong><\/td><td>Ya<\/td><td>Ya<\/td><td>Ya<\/td><\/tr><\/tbody><\/table><\/figure><p>Angka-angka tersebut selalu menunjukkan pengalaman aktual secara akurat dengan berbagai tool Google, berkat laporan Chrome User Experience.<\/p><p>Laporan ini mengumpulkan data dari pengguna Google Chrome anonim yang memilih untuk menyinkronkan histori browsing mereka.&nbsp;Data ini membantu pemilik website menilai performa halaman dengan cepat, tanpa harus menghubungkan Google Analytics secara manual dengan tool tersebut.<\/p><p>Google menerapkan <a href=\"https:\/\/web.dev\/defining-core-web-vitals-thresholds\/\" target=\"_blank\" rel=\"noreferrer noopener\">nilai minimum 75%<\/a>&nbsp;dari semua tampilan halaman untuk mengklasifikasikan performanya secara keseluruhan.&nbsp;Artinya, Google akan memberikan nilai yang baik untuk website atau halaman kalau setidaknya 75 persen tampilan halaman memenuhi batas &lsquo;Baik&rsquo; setiap Core Web Vital.<\/p><p>Ingat, nilai suatu halaman tidak akan memengaruhi performa halaman lainnya pada setiap metrik. Misalnya, home page mungkin memiliki nilai yang lebih rendah daripada halaman produk.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Saran Artikel<\/h4>\n                    <p>Baca tutorial kami tentang&nbsp;<a href=\"https:\/\/blog.hostinger.io\/co-id-tutorial\/cara-seo-wordpress\" target=\"_blank\" rel=\"noopener\">teknik SEO<\/a> website yang efektif untuk meningkatkan peringkat website Anda di mesin pencari.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-cara-menilai-core-web-vitals\">Cara Menilai Core Web Vitals<\/h2><p>Core Web Vitals bisa dinilai dengan mudah menggunakan tool di atas.&nbsp;Tool tersebut akan menampilkan masalah yang terjadi dan memberi Anda saran praktis untuk melakukan perbaikan.<\/p><p>Nah, di bagian ini, kami akan memandu Anda memahami pengujian Core Web Vitals dari halaman Tutorial Hostinger menggunakan PageSpeed &#8203;&#8203;Insights.<\/p><p>Ketik&nbsp;<strong>hostinger.com\/tutorials<\/strong>&nbsp;dan klik&nbsp;<strong>Analyze<\/strong>.&nbsp;Tool ini akan menampilkan grafik nilai untuk beberapa metrik inti dan apakah halaman web lolos atau gagal dalam penilaian Core Web Vitals.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"509\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/skor-pagespeed-insights.png\/public\" alt=\"skor core web vitals\" class=\"wp-image-18193\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/skor-pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/skor-pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/skor-pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/skor-pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Klik&nbsp;<strong>Expand View<\/strong> untuk melihat nilai ini secara lebih mendetail.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"487\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/detail-skor-pagespeed-insights.png\/public\" alt=\"detail skor web vitals\" class=\"wp-image-18181\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/detail-skor-pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/detail-skor-pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/detail-skor-pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/detail-skor-pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Ubah analisis ke&nbsp;<strong>Mobile<\/strong>&nbsp;atau&nbsp;<strong>Desktop<\/strong>&nbsp;untuk melihat nilai dari setiap perangkat.<\/p><p>Scroll ke bawah untuk melihat nilai pasti setiap metrik.&nbsp;Di sini, semua angka berwarna hijau, yang menandakan bahwa halaman Tutorial Hostinger memiliki nilai Core Web Vitals yang baik.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"507\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/green-score-pagespeed-insights.png\/public\" alt=\"skor hijau\" class=\"wp-image-18186\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/green-score-pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/green-score-pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/green-score-pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/green-score-pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Angka akan berwarna merah kalau tool mendeteksi bahwa halaman memiliki performa yang buruk.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"511\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/red-score-pagespeed-insights.png\/public\" alt=\"skor merah\" class=\"wp-image-18190\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/red-score-pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/red-score-pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/red-score-pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/red-score-pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Di bawah bagian&nbsp;<strong>Metrics<\/strong>,&nbsp;<strong><strong>Opportunities<\/strong><\/strong> dan&nbsp;<strong>Diagnostics<\/strong> akan menampilkan saran PageSpeed Insights &#8203;&#8203;untuk meningkatkan performa halaman.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1024\" height=\"506\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/diagnostik-peluang-pagespeed-insights.png\/public\" alt=\"diagnostik peluang pagespeed insights\" class=\"wp-image-18182\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/diagnostik-peluang-pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/diagnostik-peluang-pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/diagnostik-peluang-pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/diagnostik-peluang-pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div><p>Misalnya, kalau mendeteksi adanya gambar berukuran besar, tool ini akan menyarankan Anda untuk mengupload gambar melalui media library agar tidak menggunakan foto berukuran penuh.&nbsp;Tabel di bawahnya akan menunjukkan foto-foto yang bisa dioptimalkan dan kemungkinan pengurangannya.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1202\" height=\"603\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/saran-pagespeed-insights.png\/public\" alt=\"saran pagespeed insights\" class=\"wp-image-18192\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/saran-pagespeed-insights.png\/w=1202,fit=scale-down 1202w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/saran-pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/saran-pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/saran-pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/saran-pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1202px) 100vw, 1202px\" \/><\/figure><\/div><p>Untuk memfilter saran, klik metrik tertentu di atas bagian&nbsp;<strong><strong>Opportunities<\/strong><\/strong>.&nbsp;Klik tombol <strong>View Treemap<\/strong> untuk melihat data JavaScript yang dikelompokkan secara hierarkis.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1203\" height=\"389\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/filter-treemap-pagespeed-insights.png\/public\" alt=\"filter treemap pagespeed insights\" class=\"wp-image-18185\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/filter-treemap-pagespeed-insights.png\/w=1203,fit=scale-down 1203w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/filter-treemap-pagespeed-insights.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/filter-treemap-pagespeed-insights.png\/w=1024,fit=scale-down 1024w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/filter-treemap-pagespeed-insights.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/filter-treemap-pagespeed-insights.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 1203px) 100vw, 1203px\" \/><\/figure><\/div><h2 class=\"wp-block-heading\" id=\"h-metrik-performa-lain-yang-perlu-dicek\">Metrik Performa Lain yang Perlu Dicek<\/h2><p>Selain 3 metrik di atas, pemilik website juga perlu mempertimbangkan faktor lainnya untuk memberikan pengalaman pengguna yang baik.&nbsp;Faktor-faktor ini meliputi First Contentful Paint (FCP), Total Blocking Time (TBT), dan Time to Interactive (TTI).<\/p><p>Meskipun bisa ditemukan di beberapa tool Core Web Vitals, ketiga metrik ini bukanlah bagian dari data web inti tersebut. Metrik ini membantu merekam sebagian besar pengalaman halaman dan mendiagnosis masalah tertentu. Berikut penjelasannya.<\/p><h3 class=\"wp-block-heading\" id=\"h-first-input-delay-fid-interaktivitas-halaman\">First Input Delay (FID) &ndash; Interaktivitas Halaman<\/h3><p><a href=\"\/id\/tutorial\/first-input-delay\">First Input Delay (FID)<\/a>&nbsp;menilai&nbsp;latensi input, yaitu berapa lama waktu yang dibutuhkan website untuk merespons input pengguna.&nbsp;Input ini termasuk penekanan tombol, ketukan, serta klik pada tombol, link, dan video atau audio di halaman.<\/p><p>Pengguna mungkin mengalami penundaan secara berbeda-beda tergantung pada hardware dan kondisi jaringannya. Misalnya, loading website dengan koneksi wi-fi yang cepat akan berbeda saat menggunakan jaringan 3G.<\/p><p>Interaksi lain seperti zoom dan scroll tidak termasuk dalam First Input Delay karena memiliki batasan performa yang berbeda. FID berfokus pada&nbsp;aspek&nbsp;<strong>Response<\/strong> (respons) dalam <a href=\"https:\/\/web.dev\/rail\/\" target=\"_blank\" rel=\"noreferrer noopener\">model performa RAIL<\/a>, sementara scroll dan zoom berhubungan dengan elemen&nbsp;<strong>Animation<\/strong> (animasi).<\/p><p>Nilai ideal Core Web Vitals ini adalah&nbsp;<strong>100 milidetik atau kurang<\/strong>.<\/p><p>Sebisa mungkin, interaksi pengguna harus selalu berjalan dengan baik. Sebab, &lsquo;delay&rsquo; bisa terasa sangat menyebalkan bagi pengguna, dan akhirnya akan menurunkan kualitas pengalaman mereka.<\/p><p>Perlu diperhatikan bahwa setelah update pada bulan Maret 2024, INP menggantikan FID sebagai salah satu metrik Core Web Vitals utama.<\/p><h3 class=\"wp-block-heading\" id=\"h-speed-index-si\">Speed Index (SI)<\/h3><p>Speed Index (SI\/Indeks Kecepatan) mengukur berapa lama waktu yang diperlukan untuk menampilkan bagian-bagian dalam viewport.&nbsp;Untuk menghitung SI, tool analisis akan merekam video saat halaman dimuat di browser dan menghitung prosesnya per frame.<\/p><p>Nilai SI yang baik adalah&nbsp;<strong>3,4 detik atau kurang<\/strong>.&nbsp;Kualitas pengalaman pengguna akan menjadi lebih baik kalau konten di bagian paruh atas halaman muncul lebih cepat.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"611\" height=\"300\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/render-optimal-vs-tidak-optimal.png\/public\" alt=\"render optimal vs tidak optimal\" class=\"wp-image-18191\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/render-optimal-vs-tidak-optimal.png\/w=611,fit=scale-down 611w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/render-optimal-vs-tidak-optimal.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/render-optimal-vs-tidak-optimal.png\/w=150,fit=scale-down 150w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-first-contentful-paint-fcp\">First Contentful Paint (FCP)<\/h3><p>First Contentful Paint (FCP) menghitung berapa lama browser menampilkan konten dari document object model&nbsp;(DOM\/model objek dokumen).&nbsp;Konten ini meliputi teks, gambar, dan kanvas yang bukan putih.<\/p><p>Ingat, FCP berbeda dari LCP yang mengukur waktu render konten terbesar di sebuah halaman. Untuk memberikan pengalaman pengguna yang baik, website harus memiliki nilai FCP&nbsp;<strong>1,8 detik atau kurang<\/strong>.<\/p><div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"964\" height=\"374\" src=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/fcp-vs-lcp.png\/public\" alt=\"first contentful paint vs largest contentful paint\" class=\"wp-image-18184\" srcset=\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/fcp-vs-lcp.png\/w=964,fit=scale-down 964w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/fcp-vs-lcp.png\/w=300,fit=scale-down 300w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/fcp-vs-lcp.png\/w=150,fit=scale-down 150w, https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/37\/2022\/05\/fcp-vs-lcp.png\/w=768,fit=scale-down 768w\" sizes=\"(max-width: 964px) 100vw, 964px\" \/><\/figure><\/div><h3 class=\"wp-block-heading\" id=\"h-time-to-interactive-tti\">Time to Interactive (TTI)<\/h3><p>Time to Interactive (TTI\/Waktu Interaktif) adalah jumlah waktu yang dibutuhkan sebuah halaman sampai sepenuhnya interaktif, atau bisa menerima interaksi pengguna.&nbsp;Google menganggap halaman sebagai interaktif apabila:<\/p><ul class=\"wp-block-list\">\n<li>Halaman menampilkan konten yang bisa digunakan.<\/li>\n\n\n\n<li>Halaman merespons interaksi pengguna dalam 50 milidetik.<\/li>\n\n\n\n<li>Pemilik website mendaftarkan&nbsp;<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Learn\/JavaScript\/Building_blocks\/Events\" target=\"_blank\" rel=\"noreferrer noopener\">event handler<\/a>&nbsp;untuk elemen halaman yang paling terlihat.<\/li>\n<\/ul><p>Nilai ideal TTI adalah&nbsp;<strong>3,8 detik atau kurang<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-total-blocking-time-tbt\">Total Blocking Time (TBT)<\/h3><p>Total Blocking Time (TBT\/Total Waktu Blokir) adalah total waktu halaman diblokir yang membuatnya tidak bisa merespons input pengguna.<\/p><p>Google menghitung total waktu ini dengan menambahkan bagian waktu blokir tugas panjang JavaScript di antara FCP dan TTI.&nbsp;Tugas panjang adalah tugas yang dijalankan selama lebih dari 50 milidetik. Periode setelah 50 milidetik inilah yang disebut dengan waktu blokir.<\/p><p>Nilai TBT yang baik adalah&nbsp;<strong>200 milidetik<\/strong>.<\/p><h3 class=\"wp-block-heading\" id=\"h-time-to-first-byte-ttfb\">Time to First Byte (TTFB)<\/h3><p>Time to First Byte (TTFB\/Waktu ke Byte Pertama) mengidentifikasi kapan server Anda mengirimkan respons ke browser pengguna.&nbsp;Semakin lama waktu yang dibutuhkan browser untuk mendapatkan data, semakin lama pula halaman ditampilkan.<\/p><p>TTFB adalah jumlah dari fase permintaan berikut:<\/p><ul class=\"wp-block-list\">\n<li>Waktu pengalihan (redirect).<\/li>\n\n\n\n<li>Waktu mulai service worker (kalau ada).<\/li>\n\n\n\n<li>Pencarian (lookup) DNS.<\/li>\n\n\n\n<li>Koneksi dan negosiasi Transport Layer Security (TLS).<\/li>\n\n\n\n<li>Permintaan hingga byte pertama respons diterima.<\/li>\n<\/ul><p>Google tidak bisa menentukan jumlah pasti nilai TTFB yang baik karena jaringan dan backend stack aplikasi berbeda-beda.<\/p><p>\n\n\n<div class=\"protip\">\n                    <h4 class=\"title\">Saran Artikel<\/h4>\n                    <p>Selain Core Web Vitals, ada aspek lain yang perlu Anda optimasi untuk memaksimalkan performa website. Yuk, baca <a href=\"https:\/\/blog.hostinger.io\/co-id-tutorial\/cara-mempercepat-wordpress\/\" target=\"_blank\" rel=\"noopener\">cara mempercepat loading WordPress<\/a> untuk mengetahuinya.<\/p>\n                <\/div>\n\n\n\n<\/p><h2 class=\"wp-block-heading\" id=\"h-kesimpulan\">Kesimpulan<\/h2><p>Nah, sekarang, Anda sudah tahu bahwa Core Web Vitals adalah faktor penentu peringkat penting yang berkaitan dengan pengalaman halaman di hasil pencarian Google.<\/p><p>Core Web Vitals juga membantu meningkatkan engagement dan mengurangi bounce rate dengan memastikan pengalaman pengguna yang baik.<\/p><p>Ada 3 metrik utama Core Web Vitals, yaitu:<\/p><ul class=\"wp-block-list\">\n<li><strong>Largest Contentful Paint<\/strong>&nbsp;&ndash; menghitung jumlah waktu yang dibutuhkan website untuk menampilkan konten terbesar di layar.<\/li>\n\n\n\n<li><strong>Interaction to Next Paint<\/strong>&nbsp;&ndash; mengukur kemampuan respons halaman setelah interaksi pengguna.<\/li>\n\n\n\n<li><strong>Cumulative Layout Shift<\/strong>&nbsp;&ndash; mengecek stabilitas visual loading halaman.<\/li>\n<\/ul><p>Kalau sudah memiliki website, cek nilai Core Web Vitals website Anda karena ini merupakan sinyal pengalaman pengguna yang penting.<\/p><p>Ada 3 tool dari Google untuk mengukur metrik ini, yaitu PageSpeed &#8203;&#8203;Insights, Lighthouse, dan Search Console.&nbsp;Tool ini akan menampilkan nilai Core Web Vitals Anda dan memberikan tips untuk meningkatkannya.<\/p><p>Semoga artikel ini bisa membantu Anda memahami konsep Core Web Vitals, mencapai nilai pengalaman halaman yang baik, dan membantu&nbsp;mengoptimalkan website. Ada pertanyaan? Silakan sampaikan melalui kolom komentar di bawah ini, ya.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Faktor peringkat dan algoritme&nbsp;Google awalnya hampir selalu bersifat semantik. Tapi, sejak update terakhir, mereka pun mulai&nbsp;memprioritaskan pengalaman pengguna. Setelah menerapkan berbagai kriteria, seperti kecepatan halaman dan mobile-friendliness, Google mengumumkan Core Web Vitals pada Mei 2020. Core Web Vitals (Data Web Inti) memberikan panduan terkait kualitas website. Pemilik website bisa memanfaatkannya untuk mengevaluasi website dan pengalaman [&#8230;]<\/p>\n<p><a class=\"btn btn-secondary understrap-read-more-link\" href=\"\/id\/tutorial\/core-web-vitals\">Read More&#8230;<\/a><\/p>\n","protected":false},"author":190,"featured_media":21939,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rank_math_title":"Core Web Vitals: Definisi, Fungsi, dan Penggunaannya","rank_math_description":"Core Web Vitals adalah faktor penting untuk mengukur user experience website Anda. Yuk baca pengertian dan fungsinya di artikel ini!","rank_math_focus_keyword":"core web vitals","footnotes":""},"categories":[4983,9455],"tags":[],"class_list":["post-18173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development","category-optimasi"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/tutorials\/core-web-vitals","default":0},{"locale":"pt-BR","link":"https:\/\/www.hostinger.com\/br\/tutoriais\/core-web-vitals","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/tutoriels\/core-web-vitals","default":0},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/tutoriales\/core-web-vitals","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/tutorial\/core-web-vitals","default":0},{"locale":"en-UK","link":"https:\/\/www.hostinger.com\/uk\/tutorials\/core-web-vitals","default":0},{"locale":"en-MY","link":"https:\/\/www.hostinger.com\/my\/tutorials\/core-web-vitals","default":0},{"locale":"en-PH","link":"https:\/\/www.hostinger.com\/ph\/tutorials\/core-web-vitals","default":0},{"locale":"es-MX","link":"https:\/\/www.hostinger.com\/mx\/tutoriales\/core-web-vitals","default":0},{"locale":"es-CO","link":"https:\/\/www.hostinger.com\/co\/tutoriales\/core-web-vitals","default":0},{"locale":"es-AR","link":"https:\/\/www.hostinger.com\/ar\/tutoriales\/core-web-vitals","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/pt\/tutoriais\/core-web-vitals","default":0},{"locale":"en-IN","link":"https:\/\/www.hostinger.com\/in\/tutorials\/core-web-vitals","default":0},{"locale":"en-CA","link":"https:\/\/www.hostinger.com\/ca\/tutorials\/core-web-vitals","default":0},{"locale":"en-AU","link":"https:\/\/www.hostinger.com\/au\/tutorials\/core-web-vitals","default":0},{"locale":"en-NG","link":"https:\/\/www.hostinger.com\/ng\/tutorials\/core-web-vitals","default":0}],"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/18173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/users\/190"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/comments?post=18173"}],"version-history":[{"count":132,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/18173\/revisions"}],"predecessor-version":[{"id":40195,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/posts\/18173\/revisions\/40195"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media\/21939"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/media?parent=18173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/categories?post=18173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/id\/tutorial\/wp-json\/wp\/v2\/tags?post=18173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}