{"id":3712,"date":"2026-10-29T09:30:00","date_gmt":"2026-10-29T09:30:00","guid":{"rendered":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"modified":"2026-11-11T07:57:48","modified_gmt":"2026-11-11T07:57:48","slug":"what-are-core-web-vitals-how-they-impact-site-speed-id","status":"publish","type":"post","link":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","title":{"rendered":"Apa Itu Core Web Vitals &amp; Bagaimana Pengaruhnya terhadap Kecepatan Situs?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3712\" class=\"elementor elementor-3712\" data-elementor-post-type=\"post\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4c13572 e-flex e-con-boxed e-con e-parent\" data-id=\"4c13572\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fb46438 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"fb46438\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;exclude_headings_by_selector&quot;:[],&quot;no_headings_message&quot;:&quot;Tidak ada judul yang ditemukan di halaman ini.&quot;,&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;,&quot;h4&quot;,&quot;h5&quot;,&quot;h6&quot;],&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t\t\t\t<div class=\"elementor-toc__header-title\">\n\t\t\t\tDaftar Isi\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Open table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-down\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\"><\/path><\/svg><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__fb46438\" aria-expanded=\"true\" aria-label=\"Close table of contents\"><svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fas-chevron-up\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z\"><\/path><\/svg><\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<div id=\"elementor-toc__fb46438\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<svg class=\"elementor-toc__spinner eicon-animation-spin e-font-icon-svg e-eicon-loading\" aria-hidden=\"true\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M500 975V858C696 858 858 696 858 500S696 142 500 142 142 304 142 500H25C25 237 238 25 500 25S975 237 975 500 763 975 500 975Z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1872cac e-flex e-con-boxed e-con e-parent\" data-id=\"1872cac\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2cb80fd elementor-widget elementor-widget-text-editor\" data-id=\"2cb80fd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Performa sebuah website tidak hanya soal seberapa cepat halaman dimuat. Meskipun konten Anda muncul dalam hitungan detik, tombol yang lambat merespons atau tata letak yang tiba-tiba bergeser dapat membuat pengunjung frustrasi dan memengaruhi pengalaman mereka. Lalu, bagaimana cara mengetahui apakah website Anda berperforma baik? Core Web Vitals adalah metrik performa utama dari Google yang mengukur kecepatan pemuatan, interaktivitas, dan stabilitas visual. Dalam panduan ini, Anda akan mempelajari tiga metrik Core Web Vitals, ambang batas yang direkomendasikan, serta tools yang dapat digunakan untuk mengukur dan meningkatkan performa website Anda.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-664621b e-flex e-con-boxed e-con e-parent\" data-id=\"664621b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-31dc3da elementor-widget elementor-widget-text-editor\" data-id=\"31dc3da\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Apa Itu Core Web Vitals?<\/h2><p>Core Web Vitals adalah serangkaian metrik performa yang diperkenalkan oleh Google untuk mengukur aspek-aspek penting dari pengalaman pengguna di sebuah website. Metrik ini berfokus pada tiga faktor utama: performa pemuatan, interaktivitas, dan stabilitas visual. Dengan kata lain, metrik ini membantu pemilik website memahami seberapa cepat halaman dimuat, seberapa lancar pengguna dapat berinteraksi dengannya, dan apakah kontennya tetap stabil selama proses pemuatan.<\/p><p>Performa website tidak hanya ditentukan oleh seberapa cepat halaman terbuka. Sebuah website mungkin memuat kontennya dalam waktu singkat, tetapi jika pengguna harus menunggu sebelum dapat mengklik tombol atau tata letak halaman berubah secara tiba-tiba, pengalaman secara keseluruhan tetap bisa buruk. Core Web Vitals membantu mengidentifikasi masalah-masalah ini dan memberikan target terukur untuk meningkatkan performa website.<\/p><p>Saat ini Google menggunakan tiga metrik Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP), dan Cumulative Layout Shift (CLS). Masing-masing metrik mengukur bagian yang berbeda dari pengalaman pengguna, sehingga meningkatkan salah satunya tidak serta-merta berarti dua metrik lainnya juga akan membaik.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-603a3e6 e-flex e-con-boxed e-con e-parent\" data-id=\"603a3e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ffab792 elementor-widget elementor-widget-text-editor\" data-id=\"ffab792\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Mengapa Core Web Vitals Penting?<\/h2><p>Sebuah website harus memberikan pengalaman yang lancar dan andal bagi pengunjungnya. Jika halaman terlalu lama dimuat, pengguna mungkin pergi sebelum sempat mengakses informasi yang mereka butuhkan. Demikian pula, jika tombol lambat merespons atau elemen halaman bergerak secara tak terduga, pengunjung bisa merasa frustrasi dan kesulitan menyelesaikan tugas mereka.<\/p><p>Core Web Vitals membantu pemilik website mengidentifikasi masalah-masalah ini dengan menggunakan data performa yang terukur, bukan hanya mengandalkan kesan pribadi. Misalnya, seorang developer mungkin menguji website di komputer berspesifikasi tinggi dan mendapati bahwa website tersebut dimuat dengan cepat. Namun, pengunjung yang menggunakan perangkat seluler lama atau koneksi internet yang lebih lambat bisa mengalami waktu pemuatan yang jauh lebih lama.<\/p><p>Perbedaan inilah yang membuat pemantauan performa menjadi penting. Dengan menganalisis data Core Web Vitals, developer dapat mengidentifikasi bagian website mana yang perlu diperbaiki dan menentukan apakah upaya optimasi mereka memberikan hasil yang diharapkan.<\/p><p>Core Web Vitals juga relevan dengan search engine optimization (SEO). Google menggunakan sinyal pengalaman halaman (page experience) dalam sistem peringkatnya, tetapi skor Core Web Vitals yang baik tidak menjamin peringkat yang lebih tinggi. Konten yang relevan dan banyak faktor lainnya tetap penting. Oleh karena itu, peningkatan metrik ini sebaiknya dianggap sebagai bagian dari strategi yang lebih luas untuk membangun website yang bermanfaat, mudah diakses, dan andal.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-598ac2f e-flex e-con-boxed e-con e-parent\" data-id=\"598ac2f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-def6c44 elementor-widget elementor-widget-text-editor\" data-id=\"def6c44\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Apa Saja Tiga Metrik Core Web Vitals?<\/h2><p>Setiap metrik Core Web Vitals berfokus pada aspek tertentu dari performa website. Memahami cara kerjanya akan memudahkan Anda mengidentifikasi masalah performa dan memilih teknik optimasi yang tepat.<\/p><ul><li><h3>Apa Itu Largest Contentful Paint (LCP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Largest Contentful Paint (LCP) mengukur berapa lama waktu yang dibutuhkan hingga gambar atau blok teks terbesar yang terlihat di viewport awal muncul. Metrik ini membantu memperkirakan kapan konten utama sebuah halaman mulai terlihat oleh pengguna.<\/p><p style=\"padding-left: 40px;\">Sebagai contoh, bayangkan seorang pengunjung membuka sebuah artikel blog. Latar belakang halaman dan menu navigasi mungkin muncul hampir seketika, tetapi judul utama atau gambar unggulan bisa memerlukan beberapa detik untuk dimuat. Dalam situasi ini, pengunjung mungkin merasa halaman masih dimuat, meskipun sebagian elemennya sudah terlihat. Skor LCP yang baik adalah 2,5 detik atau kurang. Jika nilainya antara 2,5 dan 4 detik, halaman tersebut perlu ditingkatkan. Nilai LCP di atas 4 detik dianggap buruk.<\/p><p style=\"padding-left: 40px;\">Beberapa faktor dapat memengaruhi LCP, termasuk waktu respons server yang lambat, gambar berukuran besar, CSS dan JavaScript yang memblokir rendering (render-blocking), serta keterlambatan dalam menemukan konten utama.<\/p><p style=\"padding-left: 40px;\">Untuk meningkatkan LCP, pemilik website dapat melakukan langkah-langkah berikut:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Optimalkan gambar:<\/span> Kurangi ukuran file gambar dan gunakan format modern seperti WebP atau AVIF jika sesuai.<\/li><li><span style=\"color: #a26f9a;\">Percepat waktu respons server:<\/span> Gunakan sumber daya hosting yang efisien, caching, dan content delivery network (CDN) jika sesuai untuk website Anda.<\/li><li><span style=\"color: #a26f9a;\">Prioritaskan konten utama:<\/span> Pastikan browser dapat menemukan gambar penting langsung dari sumber HTML dan prioritaskan pemuatannya bila diperlukan.<\/li><li><span style=\"color: #a26f9a;\">Kurangi resource yang memblokir rendering:<\/span> Optimalkan file CSS dan JavaScript yang menghalangi browser menampilkan konten utama.<\/li><li><span style=\"color: #a26f9a;\">Hindari lazy-loading pada gambar LCP:<\/span> Jika sebuah gambar kemungkinan besar menjadi elemen LCP, menunda pemuatannya dapat membuat halaman terasa lebih lambat.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Teknik-teknik ini dapat mengurangi waktu tunggu pengguna hingga konten utama muncul. Namun, solusi yang paling efektif bergantung pada penyebab keterlambatannya, jadi penting untuk mengukur halaman terlebih dahulu sebelum melakukan perubahan.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-41d4bab e-flex e-con-boxed e-con e-parent\" data-id=\"41d4bab\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fc39543 elementor-widget elementor-widget-text-editor\" data-id=\"fc39543\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>Apa Itu Interaction to Next Paint (INP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Interaction to Next Paint (INP) mengukur seberapa responsif sebuah website saat pengguna berinteraksi dengannya. Metrik ini mengevaluasi jeda antara interaksi pengguna, seperti mengklik tombol atau menekan tombol keyboard, dan pembaruan visual berikutnya yang ditampilkan oleh browser.<\/p><p style=\"padding-left: 40px;\">Bayangkan sebuah toko online di mana pengunjung mengklik tombol Tambah ke Keranjang. Jika browser membutuhkan waktu yang cukup terasa untuk memperbarui keranjang, pengunjung mungkin mengira tombol tersebut tidak berfungsi lalu mengkliknya lagi. Hal ini dapat menimbulkan kebingungan dan bahkan menyebabkan tindakan ganda.<\/p><p style=\"padding-left: 40px;\">INP membantu mengidentifikasi masalah semacam ini dengan mengukur responsivitas halaman sepanjang kunjungan pengguna. Berbeda dengan First Input Delay (FID), yang hanya mengukur jeda sebelum browser mulai memproses interaksi pertama, INP mempertimbangkan pengalaman interaksi secara lebih luas selama halaman digunakan. Skor INP yang baik adalah 200 milidetik atau kurang. Nilai di atas 200 milidetik hingga 500 milidetik perlu ditingkatkan, sedangkan nilai di atas 500 milidetik dianggap buruk.<\/p><p style=\"padding-left: 40px;\">JavaScript merupakan penyebab umum INP yang buruk karena browser mungkin perlu mengeksekusi skrip sebelum dapat merespons input pengguna dan menampilkan pembaruan. Tugas yang berjalan lama (long task) dapat menghalangi browser memproses interaksi dengan cepat.<\/p><p style=\"padding-left: 40px;\">Untuk meningkatkan INP, developer dapat menggunakan beberapa teknik berikut:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Kurangi JavaScript yang tidak perlu:<\/span> Hapus kode yang tidak digunakan dan hindari memuat skrip yang tidak dibutuhkan di halaman tersebut.<\/li><li><span style=\"color: #a26f9a;\">Pecah tugas yang panjang:<\/span> Bagi tugas JavaScript yang besar menjadi tugas-tugas yang lebih kecil agar browser memiliki lebih banyak kesempatan untuk memproses interaksi pengguna.<\/li><li><span style=\"color: #a26f9a;\">Optimalkan event handler:<\/span> Buat fungsi yang berkaitan dengan interaksi sesederhana dan seefisien mungkin.<\/li><li><span style=\"color: #a26f9a;\">Hindari pembaruan DOM yang tidak perlu:<\/span> Memperbarui terlalu banyak elemen sekaligus dapat menambah waktu rendering dan menunda pembaruan visual berikutnya.<\/li><li><span style=\"color: #a26f9a;\">Kurangi skrip pihak ketiga:<\/span> Tools analitik, skrip iklan, dan layanan yang disematkan dapat menghabiskan sumber daya pemrosesan dan memengaruhi responsivitas.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Meningkatkan INP tidak cukup hanya dengan mengurangi total ukuran file JavaScript. Developer juga perlu memahami kapan skrip dieksekusi dan seberapa banyak pekerjaan yang harus dilakukan browser setelah terjadi interaksi.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-06d2979 e-flex e-con-boxed e-con e-parent\" data-id=\"06d2979\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c1a655 elementor-widget elementor-widget-text-editor\" data-id=\"6c1a655\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<ul><li><h3>Apa Itu Cumulative Layout Shift (CLS)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Cumulative Layout Shift (CLS) mengukur stabilitas visual sebuah halaman web. Metrik ini berfokus pada perubahan posisi elemen yang terlihat secara tak terduga saat halaman sedang ditampilkan.<\/p><p style=\"padding-left: 40px;\">Sebagai contoh, bayangkan seorang pengunjung sedang membaca artikel dan tiba-tiba teksnya bergeser ke bawah karena muncul iklan di atasnya. Jika pengunjung tersebut hendak mengklik sebuah link, pergeseran tak terduga itu bisa membuatnya mengklik elemen lain. Perubahan tata letak seperti ini dapat membuat website sulit digunakan, terutama di perangkat seluler yang area tampilannya terbatas. Skor CLS yang baik adalah 0,1 atau kurang. Skor di atas 0,1 hingga 0,25 perlu ditingkatkan, sedangkan skor di atas 0,25 dianggap buruk.<\/p><p style=\"padding-left: 40px;\">Beberapa masalah umum dapat menyebabkan pergeseran tata letak yang tak terduga. Gambar tanpa dimensi yang ditentukan, iklan yang disisipkan secara dinamis, konten yang dimuat belakangan, dan web font yang mengubah tampilan teks semuanya dapat memengaruhi stabilitas visual.<\/p><p style=\"padding-left: 40px;\">Teknik-teknik berikut dapat membantu meningkatkan CLS:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Tetapkan dimensi gambar:<\/span> Tentukan lebar dan tinggi gambar atau gunakan aspect ratio CSS untuk menyediakan ruang yang dibutuhkan sebelum gambar dimuat.<\/li><li><span style=\"color: #a26f9a;\">Sediakan ruang untuk iklan:<\/span> Alokasikan ruang yang cukup untuk kontainer iklan agar konten di sekitarnya tidak bergeser saat iklan muncul.<\/li><li><span style=\"color: #a26f9a;\">Hindari menyisipkan konten di atas konten yang sudah ada:<\/span> Jika elemen baru perlu ditampilkan, tempatkan di posisi yang tidak akan menggeser konten yang sedang dilihat pengguna secara tiba-tiba.<\/li><li><span style=\"color: #a26f9a;\">Optimalkan pemuatan font:<\/span> Gunakan strategi pemuatan font yang tepat dan font cadangan (fallback) untuk mengurangi perubahan tata letak teks yang tak terduga.<\/li><li><span style=\"color: #a26f9a;\">Gunakan animasi CSS yang sesuai:<\/span> Sebisa mungkin, utamakan animasi berbasis properti seperti transform dan opacity, bukan properti yang menyebabkan perubahan tata letak.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Penting untuk dipahami bahwa tidak semua pergeseran tata letak itu merugikan. Perubahan yang terjadi sebagai respons langsung terhadap interaksi pengguna bisa jadi memang diharapkan. CLS berfokus pada ketidakstabilan visual yang tak terduga dan menggunakan metode penilaian berdasarkan dampak dan jarak pergeseran tata letak.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-003d4a2 e-con e-atomic-element e-flexbox-base e-default-div \" data-id=\"003d4a2\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"003d4a2\" data-e-type=\"e-flexbox\" data-id=\"003d4a2\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-default-img \" data-interaction-id=\"d66abbc\" data-e-type=\"widget\" data-id=\"d66abbc\" id=\"3537\" src=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp\" width=\"600\" height=\"517\" srcset=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics.webp 600w, https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-the-Three-Core-Web-Vitals-Metrics-300x259.webp 300w\" alt=\"What Are the Three Core Web Vitals Metrics\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5540eed e-flex e-con-boxed e-con e-parent\" data-id=\"5540eed\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-004b13a elementor-widget elementor-widget-text-editor\" data-id=\"004b13a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Berapa Ambang Batas Core Web Vitals yang Direkomendasikan?<\/h2><p>Google menetapkan ambang batas tertentu untuk membantu pemilik website menentukan apakah halaman mereka memberikan pengalaman pengguna yang baik. Ambang batas ini membagi performa ke dalam tiga kategori: baik, perlu ditingkatkan, dan buruk.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad8e2fa e-flex e-con-boxed e-con e-parent\" data-id=\"ad8e2fa\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b580045 elementor-widget elementor-widget-wp-widget-custom_html\" data-id=\"b580045\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-custom_html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"textwidget custom-html-widget\"><div class=\"cwv-table-wrapper\">\r\n  <table class=\"cwv-table\">\r\n    <thead>\r\n      <tr>\r\n        <th>Core Web Vital<\/th>\r\n        <th>What It Measures<\/th>\r\n        <th>Good Threshold<\/th>\r\n        <th>Needs Improvement<\/th>\r\n        <th>Poor<\/th>\r\n      <\/tr>\r\n    <\/thead>\r\n    <tbody>\r\n      <tr>\r\n        <td><strong>Largest Contentful Paint (LCP)<\/strong><\/td>\r\n        <td>Loading performance<\/td>\r\n        <td><span class=\"badge-good\">\u2264 2.5 seconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">2.5\u20134 seconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 4 seconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Interaction to Next Paint (INP)<\/strong><\/td>\r\n        <td>Interactivity<\/td>\r\n        <td><span class=\"badge-good\">\u2264 200 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-needs\">200\u2013500 milliseconds<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 500 milliseconds<\/span><\/td>\r\n      <\/tr>\r\n      <tr>\r\n        <td><strong>Cumulative Layout Shift (CLS)<\/strong><\/td>\r\n        <td>Visual stability<\/td>\r\n        <td><span class=\"badge-good\">\u2264 0.1<\/span><\/td>\r\n        <td><span class=\"badge-needs\">0.1\u20130.25<\/span><\/td>\r\n        <td><span class=\"badge-poor\">&gt; 0.25<\/span><\/td>\r\n      <\/tr>\r\n    <\/tbody>\r\n  <\/table>\r\n<\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-794f84f e-flex e-con-boxed e-con e-parent\" data-id=\"794f84f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4e2086f elementor-widget elementor-widget-text-editor\" data-id=\"4e2086f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Ambang batas ini membantu developer mengevaluasi setiap metrik secara terpisah. Namun, satu kali pengujian saja tidak cukup untuk menentukan apakah sebuah website secara konsisten memberikan pengalaman yang baik.<\/p><p>Google merekomendasikan evaluasi Core Web Vitals pada persentil ke-75 dari kunjungan halaman, dengan hasil untuk perangkat seluler dan desktop dinilai secara terpisah. Artinya, setidaknya 75% kunjungan yang diukur harus memenuhi ambang batas baik untuk setiap metrik.<\/p><p>Misalnya, sebuah website memiliki nilai LCP 2 detik pada persentil ke-75. Artinya, 75% kunjungan halaman yang diukur memiliki LCP 2 detik atau kurang, sehingga memenuhi ambang batas yang direkomendasikan.<\/p><p>Sebuah website sebaiknya menargetkan ambang batas baik untuk ketiga metrik, bukan hanya berfokus pada skor terbaiknya.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e81c451 e-flex e-con-boxed e-con e-parent\" data-id=\"e81c451\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-404eccc elementor-widget elementor-widget-text-editor\" data-id=\"404eccc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Apa Saja Tools untuk Mengukur Core Web Vitals?<\/h2><p>Core Web Vitals dapat diukur menggunakan beberapa tools yang disediakan oleh Google. Tools ini membantu developer memahami performa sebuah website dan mengidentifikasi area yang perlu ditingkatkan.<\/p><ul><li><h3>PageSpeed Insights<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">PageSpeed Insights adalah salah satu tools paling berguna untuk memeriksa Core Web Vitals. Tool ini menyediakan data pengguna nyata, jika tersedia, sekaligus data lab yang dikumpulkan melalui pengujian simulasi. Selain itu, tool ini juga memberikan saran untuk meningkatkan performa halaman.<\/p><ul><li><h3>Google Search Console<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Google Search Console memiliki laporan Core Web Vitals yang menunjukkan kelompok halaman mana yang memberikan pengalaman pengguna yang baik dan mana yang perlu ditingkatkan. Laporan ini menggunakan data dunia nyata untuk membantu pemilik website mengidentifikasi masalah performa di berbagai halaman.<\/p><ul><li><h3>Chrome DevTools dan Lighthouse<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Chrome DevTools dan Lighthouse membantu developer menguji performa halaman dalam lingkungan yang terkontrol. Keduanya dapat mengidentifikasi masalah yang berkaitan dengan eksekusi JavaScript, pemuatan gambar, pergeseran tata letak, dan faktor lain yang memengaruhi Core Web Vitals.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-304771b e-flex e-con-boxed e-con e-parent\" data-id=\"304771b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1717bca elementor-widget elementor-widget-text-editor\" data-id=\"1717bca\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Apa Perbedaan antara Field Data dan Lab Data?<\/h2><p>Core Web Vitals dapat dievaluasi menggunakan dua jenis data: field data dan lab data. Memahami perbedaannya membantu developer menafsirkan hasil pengujian dan memilih pendekatan yang tepat untuk meningkatkan performa website.<\/p><ul><li><h3>Field Data<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Field data dikumpulkan dari pengguna nyata saat mereka menjelajahi sebuah website. Data ini mencerminkan kondisi penjelajahan yang sebenarnya, termasuk beragam perangkat, koneksi jaringan, dan interaksi pengguna.<\/p><p style=\"padding-left: 40px;\">Data ini sangat berguna untuk mengetahui apakah sebuah website memenuhi ambang batas Core Web Vitals yang direkomendasikan Google dalam situasi nyata.<\/p><ul><li><h3>Lab Data<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Lab data dikumpulkan dalam lingkungan pengujian yang terkontrol menggunakan tools seperti Lighthouse. Data ini membantu developer mereproduksi masalah performa dan menyelidiki kemungkinan penyebabnya.<\/p><p style=\"padding-left: 40px;\">Berbeda dengan field data, lab data tidak mewakili setiap pengalaman pengguna di dunia nyata. Oleh karena itu, sebuah website bisa mendapatkan hasil yang berbeda antara pengujian lab dan pengukuran dari pengguna nyata.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9609e3a e-flex e-con-boxed e-con e-parent\" data-id=\"9609e3a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cd449ba elementor-widget elementor-widget-text-editor\" data-id=\"cd449ba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Cara Meningkatkan Core Web Vitals<\/h2><p>Meningkatkan Core Web Vitals memerlukan identifikasi masalah yang memengaruhi kecepatan pemuatan, interaktivitas, dan stabilitas visual. Solusi yang tepat bergantung pada metrik mana yang performanya buruk.<\/p><ul><li><h3>Tingkatkan Largest Contentful Paint (LCP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Untuk meningkatkan LCP, developer harus berfokus memuat elemen konten terbesar yang terlihat secepat mungkin. Langkah perbaikan yang umum meliputi mengoptimalkan gambar, memilih <a href=\"\/id\/webhosting\/\">layanan web hosting<\/a> yang andal, mempercepat waktu respons server, mengaktifkan caching, dan menghindari penundaan yang tidak perlu dalam memuat resource penting.<\/p><ul><li><h3>Tingkatkan Interaction to Next Paint (INP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">INP dapat ditingkatkan dengan mengurangi tugas JavaScript yang berjalan lama dan meminimalkan pekerjaan yang tidak perlu di main thread. Developer juga sebaiknya mengoptimalkan event handler dan menghindari membuat browser bekerja terlalu berat setelah pengguna mengklik, mengetuk, atau mengetik.<\/p><ul><li><h3>Tingkatkan Cumulative Layout Shift (CLS)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Untuk mengurangi CLS, developer harus menyediakan ruang untuk gambar, video, iklan, dan elemen lain sebelum elemen tersebut dimuat. Hindari menyisipkan konten baru di atas konten yang sudah ada secara tiba-tiba, dan gunakan dimensi yang konsisten untuk elemen visual bila memungkinkan.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6b9c37c e-flex e-con-boxed e-con e-parent\" data-id=\"6b9c37c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4329aff elementor-widget elementor-widget-text-editor\" data-id=\"4329aff\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>Kesimpulan<\/h2><p>Core Web Vitals membantu developer memahami bagaimana pengguna merasakan sebuah website dari segi performa pemuatan, interaktivitas, dan stabilitas visual. Dengan mengukur LCP, INP, dan CLS, pemilik website dapat mengidentifikasi masalah performa dan memprioritaskan perbaikan yang membuat halaman mereka lebih mudah digunakan.<\/p><p>Pemantauan rutin, data pengguna nyata, dan optimasi yang terarah dapat membantu website mempertahankan hasil Core Web Vitals yang baik dari waktu ke waktu<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b7fca63 e-flex e-con-boxed e-con e-parent\" data-id=\"b7fca63\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-d644bb7 e-con-full e-flex e-con e-child\" data-id=\"d644bb7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-36fd715 elementor-view-default elementor-widget elementor-widget-icon\" data-id=\"36fd715\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-wrapper\">\n\t\t\t<div class=\"elementor-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-question-circle\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M256 8C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm0 448c-110.532 0-200-89.431-200-200 0-110.495 89.472-200 200-200 110.491 0 200 89.471 200 200 0 110.53-89.431 200-200 200zm107.244-255.2c0 67.052-72.421 68.084-72.421 92.863V300c0 6.627-5.373 12-12 12h-45.647c-6.627 0-12-5.373-12-12v-8.659c0-35.745 27.1-50.034 47.579-61.516 17.561-9.845 28.324-16.541 28.324-29.579 0-17.246-21.999-28.693-39.784-28.693-23.189 0-33.894 10.977-48.942 29.969-4.057 5.12-11.46 6.071-16.666 2.124l-27.824-21.098c-5.107-3.872-6.251-11.066-2.644-16.363C184.846 131.491 214.94 112 261.794 112c49.071 0 101.45 38.304 101.45 88.8zM298 368c0 23.159-18.841 42-42 42s-42-18.841-42-42 18.841-42 42-42 42 18.841 42 42z\"><\/path><\/svg>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-11f1edb e-con-full e-flex e-con e-child\" data-id=\"11f1edb\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22ba42f elementor-widget elementor-widget-text-editor\" data-id=\"22ba42f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h2>FAQ<\/h2>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c7e5b5 elementor-widget elementor-widget-text-editor\" data-id=\"6c7e5b5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>1. Apa perbedaan antara field data dan lab data?<\/h3><p style=\"padding-left: 40px;\">Field data berasal dari pengguna nyata yang mengunjungi sebuah website, sedangkan lab data dikumpulkan dalam lingkungan pengujian yang terkontrol. Field data mencerminkan pengalaman pengguna yang sebenarnya, sementara lab data membantu developer mereproduksi dan mendiagnosis masalah performa.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af90c6d elementor-widget elementor-widget-text-editor\" data-id=\"af90c6d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<h3>2. Bagaimana cara meningkatkan skor Core Web Vitals saya?<\/h3><p style=\"padding-left: 40px;\">Anda dapat meningkatkan Core Web Vitals dengan mengoptimalkan gambar, mengurangi JavaScript yang tidak perlu, mempercepat waktu respons server, mengaktifkan caching, dan mencegah pergeseran tata letak yang tak terduga.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Performa sebuah website tidak hanya soal seberapa cepat halaman dimuat. Meskipun konten Anda muncul dalam hitungan detik, tombol yang lambat merespons atau tata letak yang tiba-tiba bergeser dapat membuat pengunjung frustrasi dan memengaruhi pengalaman mereka. Lalu, bagaimana cara mengetahui apakah website Anda berperforma baik? Core Web Vitals adalah metrik performa utama dari Google yang mengukur [\u2026]<\/p>\n","protected":false},"author":7,"featured_media":3520,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-3712","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-uncategorized"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Cara Mengoptimalkan Website dengan Core Web Vitals<\/title>\n<meta name=\"description\" content=\"Apa itu Core Web Vitals? Pelajari cara mengukur dan meningkatkan LCP, INP, dan CLS untuk kecepatan, stabilitas visual, dan peringkat Google website Anda.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:locale\" content=\"id_ID\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Mengoptimalkan Website dengan Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Apa itu Core Web Vitals? Pelajari cara mengukur dan meningkatkan LCP, INP, dan CLS untuk kecepatan, stabilitas visual, dan peringkat Google website Anda.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:site_name\" content=\"Potenting Blog\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-29T09:30:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-11-11T07:57:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"966\" \/>\n\t<meta property=\"og:image:height\" content=\"665\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Nina Ash\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nina Ash\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"author\":{\"name\":\"Nina Ash\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\"},\"headline\":\"Apa Itu Core Web Vitals &amp; Bagaimana Pengaruhnya terhadap Kecepatan Situs?\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"wordCount\":2157,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"articleSection\":[\"Tanpa Kategori\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"name\":\"Cara Mengoptimalkan Website dengan Core Web Vitals\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:48+00:00\",\"description\":\"Apa itu Core Web Vitals? Pelajari cara mengukur dan meningkatkan LCP, INP, dan CLS untuk kecepatan, stabilitas visual, dan peringkat Google website Anda.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/10\\\/What-Are-Core-Web-Vitals.webp\",\"width\":966,\"height\":665,\"caption\":\"What Are Core Web Vitals\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/potenting.com\\\/id\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Apa Itu Core Web Vitals &amp; Bagaimana Pengaruhnya terhadap Kecepatan Situs?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"name\":\"Potenting\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/potenting.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\",\"name\":\"Potenting\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"contentUrl\":\"https:\\\/\\\/potenting.com\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/logo-header.webp\",\"width\":253,\"height\":80,\"caption\":\"Potenting\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\",\"name\":\"Nina Ash\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g\",\"caption\":\"Nina Ash\"},\"url\":\"https:\\\/\\\/potenting.com\\\/blog\\\/author\\\/n-ash\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cara Mengoptimalkan Website dengan Core Web Vitals","description":"Apa itu Core Web Vitals? Pelajari cara mengukur dan meningkatkan LCP, INP, dan CLS untuk kecepatan, stabilitas visual, dan peringkat Google website Anda.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_locale":"id_ID","og_type":"article","og_title":"Cara Mengoptimalkan Website dengan Core Web Vitals","og_description":"Apa itu Core Web Vitals? Pelajari cara mengukur dan meningkatkan LCP, INP, dan CLS untuk kecepatan, stabilitas visual, dan peringkat Google website Anda.","og_url":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_site_name":"Potenting Blog","article_published_time":"2026-10-29T09:30:00+00:00","article_modified_time":"2026-11-11T07:57:48+00:00","og_image":[{"width":966,"height":665,"url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","type":"image\/webp"}],"author":"Nina Ash","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Nina Ash","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#article","isPartOf":{"@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"author":{"name":"Nina Ash","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb"},"headline":"Apa Itu Core Web Vitals &amp; Bagaimana Pengaruhnya terhadap Kecepatan Situs?","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:48+00:00","mainEntityOfPage":{"@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"wordCount":2157,"commentCount":0,"publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"image":{"@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","articleSection":["Tanpa Kategori"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","url":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","name":"Cara Mengoptimalkan Website dengan Core Web Vitals","isPartOf":{"@id":"https:\/\/potenting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"image":{"@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"thumbnailUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:48+00:00","description":"Apa itu Core Web Vitals? Pelajari cara mengukur dan meningkatkan LCP, INP, dan CLS untuk kecepatan, stabilitas visual, dan peringkat Google website Anda.","breadcrumb":{"@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/10\/What-Are-Core-Web-Vitals.webp","width":966,"height":665,"caption":"What Are Core Web Vitals"},{"@type":"BreadcrumbList","@id":"https:\/\/potenting.com\/id\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/potenting.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Apa Itu Core Web Vitals &amp; Bagaimana Pengaruhnya terhadap Kecepatan Situs?"}]},{"@type":"WebSite","@id":"https:\/\/potenting.com\/blog\/#website","url":"https:\/\/potenting.com\/blog\/","name":"Potenting","description":"","publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/potenting.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/potenting.com\/blog\/#organization","name":"Potenting","url":"https:\/\/potenting.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","contentUrl":"https:\/\/potenting.com\/blog\/wp-content\/uploads\/2026\/04\/logo-header.webp","width":253,"height":80,"caption":"Potenting"},"image":{"@id":"https:\/\/potenting.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb","name":"Nina Ash","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/5fea1148f7d2d30a30372f33e6bbcc1c6a9fb0aab4deee4f3d5be593e40a5770?s=96&d=mm&r=g","caption":"Nina Ash"},"url":"https:\/\/potenting.com\/blog\/author\/n-ash\/"}]}},"_links":{"self":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3712","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/users\/7"}],"replies":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/comments?post=3712"}],"version-history":[{"count":2,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3712\/revisions"}],"predecessor-version":[{"id":4233,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3712\/revisions\/4233"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media\/3520"}],"wp:attachment":[{"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/media?parent=3712"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/categories?post=3712"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/tags?post=3712"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}