{"id":3716,"date":"2026-10-29T09:30:00","date_gmt":"2026-10-29T09:30:00","guid":{"rendered":"https:\/\/potenting.com\/ms\/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-ms","status":"publish","type":"post","link":"https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","title":{"rendered":"Apakah Core Web Vitals &amp; Bagaimana Ia Mempengaruhi Kelajuan Laman Web?"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"3716\" class=\"elementor elementor-3716\" 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;Tiada tajuk ditemui pada 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\tIsi Kandungan\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>Prestasi sesebuah laman web bukan sekadar tentang sepantas mana halaman dimuatkan. Walaupun kandungan anda muncul dalam beberapa saat, butang yang lambat bertindak balas atau susun atur yang berubah secara tiba-tiba boleh mengecewakan pelawat dan menjejaskan pengalaman mereka. Jadi, bagaimanakah anda boleh menentukan sama ada laman web anda berprestasi baik? Core Web Vitals ialah metrik prestasi utama Google yang mengukur kelajuan pemuatan, interaktiviti dan kestabilan visual. Dalam panduan ini, anda akan mempelajari tiga metrik Core Web Vitals, ambang yang disyorkan bagi setiap satu, serta alatan yang boleh anda gunakan untuk mengukur dan menambah baik prestasi laman web 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>Apakah Core Web Vitals?<\/h2><p>Core Web Vitals ialah satu set metrik prestasi yang diperkenalkan oleh Google untuk mengukur aspek penting pengalaman pengguna di sesebuah laman web. Metrik ini memberi tumpuan kepada tiga faktor utama: prestasi pemuatan, interaktiviti dan kestabilan visual. Dalam erti kata lain, metrik ini membantu pemilik laman web memahami sepantas mana halaman dimuatkan, selancar mana pengguna boleh berinteraksi dengannya, dan sama ada kandungannya kekal stabil semasa dimuatkan.<\/p><p>Prestasi laman web bukan sahaja tentang sepantas mana sesebuah halaman dibuka. Laman web mungkin memuatkan kandungannya dalam masa yang singkat, tetapi jika pengguna perlu menunggu sebelum dapat mengklik butang atau jika susun atur halaman berubah secara tiba-tiba, pengalaman keseluruhannya masih boleh menjadi buruk. Core Web Vitals membantu mengenal pasti masalah ini dan menyediakan sasaran yang boleh diukur untuk menambah baik prestasi laman web.<\/p><p>Google kini menggunakan tiga metrik Core Web Vitals: Largest Contentful Paint (LCP), Interaction to Next Paint (INP) dan Cumulative Layout Shift (CLS). Setiap metrik mengukur bahagian pengalaman pengguna yang berbeza, jadi penambahbaikan pada salah satu daripadanya tidak semestinya bermakna dua metrik yang lain juga akan bertambah baik.<\/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>Mengapakah Core Web Vitals Penting?<\/h2><p>Sesebuah laman web harus menyediakan pengalaman yang lancar dan boleh diharap kepada pelawatnya. Apabila halaman mengambil masa terlalu lama untuk dimuatkan, pengguna mungkin meninggalkannya sebelum sempat mendapatkan maklumat yang diperlukan. Begitu juga, jika butang lambat bertindak balas atau elemen halaman bergerak secara tiba-tiba, pelawat mungkin berasa kecewa dan sukar menyelesaikan tugasan mereka.<\/p><p>Core Web Vitals membantu pemilik laman web mengenal pasti isu ini dengan menggunakan data prestasi yang boleh diukur, dan bukannya bergantung semata-mata pada tanggapan peribadi. Sebagai contoh, seorang pembangun mungkin menguji laman web pada komputer berkuasa tinggi dan mendapati ia dimuatkan dengan pantas. Namun, pelawat yang menggunakan peranti mudah alih lama atau sambungan internet yang lebih perlahan mungkin mengalami masa pemuatan yang jauh lebih lama.<\/p><p>Perbezaan ini menjadikan pemantauan prestasi penting. Dengan menganalisis data Core Web Vitals, pembangun dapat mengenal pasti bahagian laman web yang perlu ditambah baik dan menentukan sama ada usaha pengoptimuman mereka menghasilkan keputusan yang dijangkakan.<\/p><p>Core Web Vitals juga berkaitan dengan pengoptimuman enjin carian (SEO). Google menggunakan isyarat pengalaman halaman dalam sistem kedudukannya, tetapi skor Core Web Vitals yang baik tidak menjamin kedudukan yang lebih tinggi. Kandungan yang relevan dan pelbagai faktor lain tetap penting. Oleh itu, usaha menambah baik metrik ini harus dianggap sebagai sebahagian daripada strategi yang lebih luas untuk membina laman web yang berguna, mudah diakses dan boleh diharap.<\/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>Apakah Tiga Metrik Core Web Vitals?<\/h2><p>Setiap metrik Core Web Vitals memberi tumpuan kepada aspek tertentu prestasi laman web. Memahami cara metrik ini berfungsi memudahkan anda mengenal pasti masalah prestasi dan memilih teknik pengoptimuman yang tepat.<\/p><ul><li><h3>Apakah Largest Contentful Paint (LCP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Largest Contentful Paint (LCP) mengukur tempoh masa yang diambil untuk imej atau blok teks terbesar yang kelihatan dalam viewport awal dipaparkan. Metrik ini membantu menganggarkan bila kandungan utama halaman mula kelihatan kepada pengguna.<\/p><p style=\"padding-left: 40px;\">Sebagai contoh, bayangkan seorang pelawat membuka sebuah artikel blog. Latar belakang halaman dan menu navigasi mungkin muncul hampir serta-merta, tetapi tajuk utama atau imej pilihan mungkin mengambil masa beberapa saat untuk dimuatkan. Dalam situasi ini, pelawat mungkin merasakan halaman masih sedang dimuatkan walaupun sebahagian elemennya sudah kelihatan. Skor LCP yang baik ialah 2.5 saat atau kurang. Jika nilainya antara 2.5 hingga 4 saat, halaman tersebut perlu ditambah baik. Nilai LCP melebihi 4 saat dianggap lemah.<\/p><p style=\"padding-left: 40px;\">Beberapa faktor boleh mempengaruhi LCP, termasuk masa tindak balas pelayan yang perlahan, imej bersaiz besar, CSS dan JavaScript yang menyekat pemaparan, serta kelewatan dalam menemui kandungan utama.<\/p><p style=\"padding-left: 40px;\">Untuk menambah baik LCP, pemilik laman web boleh mengambil langkah-langkah berikut:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Optimumkan imej:<\/span> Kurangkan saiz fail imej dan gunakan format moden seperti WebP atau AVIF apabila sesuai.<\/li><li><span style=\"color: #a26f9a;\">Tingkatkan masa tindak balas pelayan:<\/span> Gunakan sumber hosting yang cekap, caching dan rangkaian penghantaran kandungan (CDN) apabila sesuai untuk laman web anda.<\/li><li><span style=\"color: #a26f9a;\">Utamakan kandungan utama:<\/span> Pastikan pelayar dapat menemui imej penting terus daripada sumber HTML dan utamakan pemuatannya apabila perlu.<\/li><li><span style=\"color: #a26f9a;\">Kurangkan sumber yang menyekat pemaparan:<\/span> Optimumkan fail CSS dan JavaScript yang menghalang pelayar daripada memaparkan kandungan utama.<\/li><li><span style=\"color: #a26f9a;\">Elakkan lazy-loading pada imej LCP:<\/span> Jika sesuatu imej berkemungkinan menjadi elemen LCP, melewatkan pemuatannya boleh menyebabkan halaman kelihatan lebih perlahan.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Teknik-teknik ini boleh mengurangkan masa yang dihabiskan oleh pengguna untuk menunggu kandungan utama dipaparkan. Walau bagaimanapun, penyelesaian yang paling berkesan bergantung pada punca kelewatan, jadi adalah penting untuk mengukur prestasi halaman sebelum membuat sebarang 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>Apakah Interaction to Next Paint (INP)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Interaction to Next Paint (INP) mengukur sejauh mana laman web terasa responsif apabila pengguna berinteraksi dengannya. Metrik ini menilai kelewatan antara interaksi pengguna, seperti mengklik butang atau menekan kekunci, dengan kemas kini visual seterusnya yang dipaparkan oleh pelayar.<\/p><p style=\"padding-left: 40px;\">Ambil contoh sebuah kedai dalam talian di mana pelawat mengklik butang Tambah ke Troli. Jika pelayar mengambil masa yang ketara untuk mengemas kini troli, pelawat mungkin menyangka butang itu tidak berfungsi lalu mengkliknya sekali lagi. Ini boleh menimbulkan kekeliruan malah mungkin menyebabkan tindakan berganda.<\/p><p style=\"padding-left: 40px;\">INP membantu mengenal pasti masalah sebegini dengan mengukur tahap responsif halaman sepanjang lawatan pengguna. Tidak seperti First Input Delay (FID), yang hanya mengukur kelewatan sebelum pelayar mula memproses interaksi pertama, INP mengambil kira pengalaman interaksi yang lebih menyeluruh sepanjang hayat sesebuah halaman. Skor INP yang baik ialah 200 milisaat atau kurang. Nilai melebihi 200 milisaat hingga 500 milisaat perlu ditambah baik, manakala nilai melebihi 500 milisaat dianggap lemah.<\/p><p style=\"padding-left: 40px;\">JavaScript merupakan punca biasa INP yang lemah kerana pelayar mungkin perlu melaksanakan skrip sebelum dapat bertindak balas terhadap input pengguna dan memaparkan kemas kini. Tugasan yang berjalan lama boleh menghalang pelayar daripada memproses interaksi dengan segera.<\/p><p style=\"padding-left: 40px;\">Untuk menambah baik INP, pembangun boleh menggunakan beberapa teknik:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Kurangkan JavaScript yang tidak diperlukan:<\/span> Buang kod yang tidak digunakan dan elakkan memuatkan skrip yang tidak diperlukan untuk halaman semasa.<\/li><li><span style=\"color: #a26f9a;\">Pecahkan tugasan panjang:<\/span> Bahagikan tugasan JavaScript yang besar kepada tugasan yang lebih kecil supaya pelayar mempunyai lebih banyak peluang untuk memproses interaksi pengguna.<\/li><li><span style=\"color: #a26f9a;\">Optimumkan pengendali peristiwa:<\/span> Pastikan fungsi berkaitan interaksi semudah dan secekap yang mungkin.<\/li><li><span style=\"color: #a26f9a;\">Elakkan kemas kini DOM yang tidak perlu:<\/span> Mengemas kini terlalu banyak elemen serentak boleh meningkatkan masa pemaparan dan melewatkan kemas kini visual seterusnya.<\/li><li><span style=\"color: #a26f9a;\">Kurangkan skrip pihak ketiga:<\/span> Alat analitik, skrip pengiklanan dan perkhidmatan terbenam boleh menggunakan sumber pemprosesan dan menjejaskan tahap responsif.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Menambah baik INP memerlukan lebih daripada sekadar mengurangkan jumlah saiz fail JavaScript. Pembangun juga perlu memahami bila skrip dilaksanakan dan berapa banyak kerja yang perlu dilakukan oleh pelayar selepas sesuatu 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>Apakah Cumulative Layout Shift (CLS)?<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Cumulative Layout Shift (CLS) mengukur kestabilan visual sesebuah halaman web. Metrik ini memberi tumpuan kepada perubahan tidak dijangka pada kedudukan elemen yang kelihatan semasa halaman sedang dipaparkan.<\/p><p style=\"padding-left: 40px;\">Sebagai contoh, bayangkan seorang pelawat sedang membaca artikel dan tiba-tiba melihat teks bergerak ke bawah kerana sebuah iklan muncul di atasnya. Jika pelawat itu hendak mengklik sesuatu pautan, pergerakan yang tidak dijangka ini boleh menyebabkan mereka mengklik elemen lain. Perubahan susun atur sebegini boleh menyukarkan penggunaan laman web, terutamanya pada peranti mudah alih yang ruang paparannya terhad. Skor CLS yang baik ialah 0.1 atau kurang. Skor melebihi 0.1 hingga 0.25 perlu ditambah baik, manakala skor melebihi 0.25 dianggap lemah.<\/p><p style=\"padding-left: 40px;\">Beberapa isu biasa boleh menyebabkan anjakan susun atur yang tidak dijangka. Imej tanpa dimensi yang ditetapkan, iklan yang disisipkan secara dinamik, kandungan yang lewat dimuatkan dan fon web yang mengubah rupa teks semuanya boleh menjejaskan kestabilan visual.<\/p><p style=\"padding-left: 40px;\">Teknik-teknik berikut boleh membantu menambah baik CLS:<\/p><ul><li style=\"list-style-type: none;\"><ul><li><span style=\"color: #a26f9a;\">Tetapkan dimensi imej:<\/span> Nyatakan lebar dan tinggi imej atau gunakan nisbah aspek CSS untuk menempah ruang yang diperlukan sebelum imej dimuatkan.<\/li><li><span style=\"color: #a26f9a;\">Tempah ruang untuk iklan:<\/span> Peruntukkan ruang yang mencukupi untuk bekas iklan bagi mengelakkan kandungan di sekelilingnya beralih apabila iklan dipaparkan.<\/li><li><span style=\"color: #a26f9a;\">Elakkan menyisipkan kandungan di atas kandungan sedia ada:<\/span> Jika elemen baharu perlu dipaparkan, letakkannya di tempat yang tidak akan menggerakkan kandungan yang sedang dilihat oleh pengguna secara tiba-tiba.<\/li><li><span style=\"color: #a26f9a;\">Optimumkan pemuatan fon:<\/span> Gunakan strategi pemuatan fon yang sesuai dan fon sandaran untuk mengurangkan perubahan tidak dijangka pada susun atur teks.<\/li><li><span style=\"color: #a26f9a;\">Gunakan animasi CSS yang sesuai:<\/span> Utamakan animasi berasaskan sifat seperti transform dan opacity apabila boleh, berbanding sifat yang menyebabkan perubahan susun atur.<\/li><\/ul><\/li><\/ul><p style=\"padding-left: 40px;\">Penting untuk difahami bahawa tidak semua anjakan susun atur memudaratkan. Perubahan yang berlaku secara langsung sebagai tindak balas kepada interaksi pengguna mungkin dijangkakan. CLS memberi tumpuan kepada ketidakstabilan visual yang tidak dijangka dan menggunakan kaedah pemarkahan berdasarkan kesan dan jarak anjakan susun atur.<\/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>Apakah Ambang Core Web Vitals yang Disyorkan?<\/h2><p>Google menyediakan ambang khusus untuk membantu pemilik laman web menentukan sama ada halaman mereka menawarkan pengalaman pengguna yang baik. Ambang ini membahagikan prestasi kepada tiga kategori: baik, perlu penambahbaikan dan lemah.<\/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 ini membantu pembangun menilai setiap metrik secara berasingan. Walau bagaimanapun, satu ujian sahaja tidak mencukupi untuk menentukan sama ada sesebuah laman web secara konsisten memberikan pengalaman yang baik.<\/p><p>Google mengesyorkan agar Core Web Vitals dinilai pada persentil ke-75 lawatan halaman, dengan keputusan mudah alih dan desktop diambil kira secara berasingan. Ini bermakna sekurang-kurangnya 75% lawatan yang diukur harus mencapai ambang baik bagi setiap metrik.<\/p><p>Sebagai contoh, katakan sebuah laman web mempunyai nilai LCP 2 saat pada persentil ke-75. Ini bermakna 75% lawatan halaman yang diukur mempunyai LCP 2 saat atau kurang, sekali gus memenuhi ambang yang disyorkan.<\/p><p>Sesebuah laman web harus berusaha mencapai ambang baik bagi ketiga-tiga metrik, dan bukannya hanya memberi tumpuan kepada 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>Apakah Alatan Pengukuran Core Web Vitals?<\/h2><p>Core Web Vitals boleh diukur menggunakan beberapa alatan yang disediakan oleh Google. Alatan ini membantu pembangun memahami prestasi sesebuah laman web dan mengenal pasti bahagian yang perlu ditambah baik.<\/p><ul><li><h3>PageSpeed Insights<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">PageSpeed Insights ialah salah satu alatan yang paling berguna untuk menyemak Core Web Vitals. Ia menyediakan data pengguna sebenar, jika tersedia, serta data makmal yang dikumpulkan melalui ujian simulasi. Ia juga menawarkan cadangan untuk menambah baik prestasi halaman.<\/p><ul><li><h3>Google Search Console<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Google Search Console menyertakan laporan Core Web Vitals yang menunjukkan kumpulan halaman yang memberikan pengalaman pengguna yang baik dan yang perlu ditambah baik. Ia menggunakan data dunia sebenar untuk membantu pemilik laman web mengenal pasti isu prestasi merentasi berbilang halaman.<\/p><ul><li><h3>Chrome DevTools dan Lighthouse<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Chrome DevTools dan Lighthouse membantu pembangun menguji prestasi halaman dalam persekitaran terkawal. Alatan ini dapat mengenal pasti isu berkaitan pelaksanaan JavaScript, pemuatan imej, anjakan susun atur dan faktor lain yang mempengaruhi 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>Apakah Perbezaan antara Data Lapangan dan Data Makmal?<\/h2><p>Core Web Vitals boleh dinilai menggunakan dua jenis data: data lapangan dan data makmal. Memahami perbezaannya membantu pembangun mentafsir keputusan ujian dan memilih pendekatan yang tepat untuk menambah baik prestasi laman web.<\/p><ul><li><h3>Data Lapangan<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Data lapangan dikumpulkan daripada pengguna sebenar semasa mereka melayari sesebuah laman web. Data ini mencerminkan keadaan pelayaran sebenar, termasuk pelbagai peranti, sambungan rangkaian dan interaksi pengguna.<\/p><p style=\"padding-left: 40px;\">Data ini amat berguna untuk memahami sama ada laman web memenuhi ambang Core Web Vitals yang disyorkan oleh Google dalam situasi dunia sebenar.<\/p><ul><li><h3>Data Makmal<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Data makmal dikumpulkan dalam persekitaran ujian terkawal menggunakan alatan seperti Lighthouse. Data ini membantu pembangun menghasilkan semula masalah prestasi dan menyiasat kemungkinan puncanya.<\/p><p style=\"padding-left: 40px;\">Tidak seperti data lapangan, data makmal tidak mewakili setiap pengalaman pengguna di dunia sebenar. Oleh itu, sesebuah laman web mungkin menerima keputusan yang berbeza daripada ujian makmal dan pengukuran pengguna sebenar.<\/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 Menambah Baik Core Web Vitals<\/h2><p>Menambah baik Core Web Vitals memerlukan pengenalpastian isu yang menjejaskan kelajuan pemuatan, interaktiviti dan kestabilan visual. Penyelesaian yang tepat bergantung pada metrik mana yang berprestasi lemah.<\/p><ul><li><h3>Tambah Baik Largest Contentful Paint (LCP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Untuk menambah baik LCP, pembangun harus memberi tumpuan kepada memuatkan elemen kandungan terbesar yang kelihatan secepat mungkin. Antara penambahbaikan biasa termasuk mengoptimumkan imej, memilih <a href=\"\/ms\/webhosting\/\">perkhidmatan web hosting<\/a> yang boleh diharap, mengurangkan masa tindak balas pelayan, mendayakan caching dan mengelakkan kelewatan yang tidak perlu dalam memuatkan sumber penting.<\/p><ul><li><h3>Tambah Baik Interaction to Next Paint (INP)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">INP boleh ditambah baik dengan mengurangkan tugasan JavaScript yang berjalan lama dan meminimumkan kerja yang tidak perlu pada main thread. Pembangun juga harus mengoptimumkan pengendali peristiwa dan mengelakkan pelayar daripada melakukan terlalu banyak kerja selepas pengguna mengklik, mengetik atau menaip.<\/p><ul><li><h3>Tambah Baik Cumulative Layout Shift (CLS)<\/h3><\/li><\/ul><p style=\"padding-left: 40px;\">Untuk mengurangkan CLS, pembangun harus menempah ruang untuk imej, video, iklan dan elemen lain sebelum ia dimuatkan. Elakkan menyisipkan kandungan baharu di atas kandungan sedia ada secara tiba-tiba, dan gunakan dimensi yang konsisten untuk elemen visual apabila boleh.<\/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 pembangun memahami pengalaman pengguna di sesebuah laman web dari segi prestasi pemuatan, interaktiviti dan kestabilan visual. Dengan mengukur LCP, INP dan CLS, pemilik laman web dapat mengenal pasti isu prestasi dan mengutamakan penambahbaikan yang menjadikan halaman mereka lebih mudah digunakan.<\/p><p>Pemantauan berkala, data pengguna sebenar dan pengoptimuman yang disasarkan dapat membantu laman web mengekalkan keputusan Core Web Vitals yang baik dari semasa ke semasa<\/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>Soalan Lazim<\/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. Apakah perbezaan antara data lapangan dan data makmal?<\/h3><p style=\"padding-left: 40px;\">Data lapangan diperoleh daripada pengguna sebenar yang melawati sesebuah laman web, manakala data makmal dikumpulkan dalam persekitaran ujian terkawal. Data lapangan mencerminkan pengalaman pengguna sebenar, manakala data makmal membantu pembangun menghasilkan semula dan mendiagnosis masalah prestasi.<\/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. Bagaimanakah saya boleh menambah baik skor Core Web Vitals saya?<\/h3><p style=\"padding-left: 40px;\">Anda boleh menambah baik Core Web Vitals dengan mengoptimumkan imej, mengurangkan JavaScript yang tidak diperlukan, meningkatkan masa tindak balas pelayan, mendayakan caching dan mengelakkan anjakan susun atur yang tidak dijangka.<\/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>Prestasi sesebuah laman web bukan sekadar tentang sepantas mana halaman dimuatkan. Walaupun kandungan anda muncul dalam beberapa saat, butang yang lambat bertindak balas atau susun atur yang berubah secara tiba-tiba boleh mengecewakan pelawat dan menjejaskan pengalaman mereka. Jadi, bagaimanakah anda boleh menentukan sama ada laman web anda berprestasi baik? Core Web Vitals ialah metrik prestasi [\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-3716","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 Mengoptimumkan Laman Web Anda dengan Core Web Vitals<\/title>\n<meta name=\"description\" content=\"Apakah Core Web Vitals? Ketahui cara mengukur dan menambah baik LCP, INP dan CLS untuk meningkatkan kelajuan, kestabilan visual dan kedudukan Google laman web 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\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/\" \/>\n<meta property=\"og:locale\" content=\"ms_MY\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Mengoptimumkan Laman Web Anda dengan Core Web Vitals\" \/>\n<meta property=\"og:description\" content=\"Apakah Core Web Vitals? Ketahui cara mengukur dan menambah baik LCP, INP dan CLS untuk meningkatkan kelajuan, kestabilan visual dan kedudukan Google laman web anda.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/potenting.com\/ms\/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\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"author\":{\"name\":\"Nina Ash\",\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#\\\/schema\\\/person\\\/743a7b4616c4d55a0ed17f5ac379fcdb\"},\"headline\":\"Apakah Core Web Vitals &amp; Bagaimana Ia Mempengaruhi Kelajuan Laman Web?\",\"datePublished\":\"2026-10-29T09:30:00+00:00\",\"dateModified\":\"2026-11-11T07:57:48+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"},\"wordCount\":2237,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/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\":[\"Tidak Berkategori\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"url\":\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\",\"name\":\"Cara Mengoptimumkan Laman Web Anda dengan Core Web Vitals\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/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\":\"Apakah Core Web Vitals? Ketahui cara mengukur dan menambah baik LCP, INP dan CLS untuk meningkatkan kelajuan, kestabilan visual dan kedudukan Google laman web anda.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/potenting.com\\\/ms\\\/blog\\\/what-are-core-web-vitals-how-they-impact-site-speed\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/potenting.com\\\/ms\\\/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\\\/ms\\\/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\":\"Apakah Core Web Vitals &amp; Bagaimana Ia Mempengaruhi Kelajuan Laman Web?\"}]},{\"@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 Mengoptimumkan Laman Web Anda dengan Core Web Vitals","description":"Apakah Core Web Vitals? Ketahui cara mengukur dan menambah baik LCP, INP dan CLS untuk meningkatkan kelajuan, kestabilan visual dan kedudukan Google laman web 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\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","og_locale":"ms_MY","og_type":"article","og_title":"Cara Mengoptimumkan Laman Web Anda dengan Core Web Vitals","og_description":"Apakah Core Web Vitals? Ketahui cara mengukur dan menambah baik LCP, INP dan CLS untuk meningkatkan kelajuan, kestabilan visual dan kedudukan Google laman web anda.","og_url":"https:\/\/potenting.com\/ms\/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\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#article","isPartOf":{"@id":"https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"author":{"name":"Nina Ash","@id":"https:\/\/potenting.com\/blog\/#\/schema\/person\/743a7b4616c4d55a0ed17f5ac379fcdb"},"headline":"Apakah Core Web Vitals &amp; Bagaimana Ia Mempengaruhi Kelajuan Laman Web?","datePublished":"2026-10-29T09:30:00+00:00","dateModified":"2026-11-11T07:57:48+00:00","mainEntityOfPage":{"@id":"https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"},"wordCount":2237,"commentCount":0,"publisher":{"@id":"https:\/\/potenting.com\/blog\/#organization"},"image":{"@id":"https:\/\/potenting.com\/ms\/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":["Tidak Berkategori"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","url":"https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/","name":"Cara Mengoptimumkan Laman Web Anda dengan Core Web Vitals","isPartOf":{"@id":"https:\/\/potenting.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#primaryimage"},"image":{"@id":"https:\/\/potenting.com\/ms\/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":"Apakah Core Web Vitals? Ketahui cara mengukur dan menambah baik LCP, INP dan CLS untuk meningkatkan kelajuan, kestabilan visual dan kedudukan Google laman web anda.","breadcrumb":{"@id":"https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/potenting.com\/ms\/blog\/what-are-core-web-vitals-how-they-impact-site-speed\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/potenting.com\/ms\/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\/ms\/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":"Apakah Core Web Vitals &amp; Bagaimana Ia Mempengaruhi Kelajuan Laman Web?"}]},{"@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\/3716","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=3716"}],"version-history":[{"count":2,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3716\/revisions"}],"predecessor-version":[{"id":4236,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/posts\/3716\/revisions\/4236"}],"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=3716"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/categories?post=3716"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/potenting.com\/blog\/wp-json\/wp\/v2\/tags?post=3716"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}