{"id":8097,"date":"2020-12-12T08:14:43","date_gmt":"2020-12-12T08:14:43","guid":{"rendered":"https:\/\/hosteko.com\/blog\/?p=8097"},"modified":"2020-12-12T08:15:37","modified_gmt":"2020-12-12T08:15:37","slug":"core-web-vitals-dan-langkah-optimasinya","status":"publish","type":"post","link":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya","title":{"rendered":"Pengertian Core Web Vitals Dan Langkah Optimasinya"},"content":{"rendered":"<h2>Pengertian Core Web Vitals<\/h2>\n<p>Core web vitals merupakan kumpulan metrik website yang ditentukan oleh Google.Kumpulan metrik ini ditetapkan sebagai bagian dari indikator search ranking terbaru Google, yaitu page experience.<\/p>\n<p>Core Web Vitals sebelumnya terdiri dari :<\/p>\n<ul>\n<li>Mobile Friendly (Keramahan Seluler).<\/li>\n<li>Safe Browsing (Penelusuran Aman).<\/li>\n<li>HTTPS.<\/li>\n<li>No Intrusive Interstitial(Tidak Ada Pengantara yang Mengganggu).<\/li>\n<\/ul>\n<p>Adanya core web vitals, pemilik website memiliki 3 aspek jelas untuk mengukur efektivitas halaman-halaman website,yaitu:<\/p>\n<ul>\n<li>Kecepatan loading.<\/li>\n<li>Baik atau tidak respons elemen halaman website.<\/li>\n<li>Stabilitas layout halaman.<\/li>\n<\/ul>\n<p>Google menyebutkan kemungkinan pengunjung meninggalkan website akan menurun 24 %\u00a0 jika kalian dapat mengoptimalkan 3 aspek di atas.Core web vitals juga berpengaruh terhadap SEO.<\/p>\n<p>Berikut ini <span id=\"Hubungan_Core_Web_Vitals_Dan_SEO\">Hubungan Core Web Vitals Dan SEO :<\/span><\/p>\n<p style=\"padding-left: 40px;\">Core Web Vital resmi dirilis pada 28 Mei 2020.Dalam rilis resminya Google menyatakan bahwa Core Web Vitals menjadi faktor untuk menentukan Page Experience dan Page Experience merupakan salah satu faktor rangking di Google.Karena merupakan faktor penentu rangking,tentu kalian harus memberikan perhatian khusus pada masalah ini, agar berhasil dalam kampanye SEO yang kalian lakukan.<\/p>\n<p>Jadi,Core Web Vitals merupakan bagian dari faktor-faktor yang akan menjadi bagian dari skor Page Experience Google.Pada dasarnya,cara Google mengukur UX halaman kalian secara keseluruhan.<\/p>\n<h2><span id=\"3_Indikator_Core_Web_Vitals\">Indikator Core Web Vitals<\/span><\/h2>\n<p>Core web vitals terdiri dari 3 indikator.Google memiliki istilah tersendiri untuk ketiganya, yakni :<\/p>\n<ul>\n<li><strong><span id=\"LCP_Largest_Contentful_Paint\">LCP (Largest Contentful Paint)<\/span><\/strong><\/li>\n<\/ul>\n<p>LCP merupakan waktu yang dibutuhkan elemen terbesar di sebuah halaman untuk dimuat.Elemen yang dimaksud tidak selalu berupa gambar atau video.Teks panjang juga dapat dianggap LCP.Perlu diingat bahwa faktor ini hanya memperhatikan konten ukuran terbesar yang tampil pertama kali ketika halaman diakses.Artinya,elemen lain di bawahnya tidak termasuk meski juga berukuran besar.LCP ditetapkan menggantikan salah satu metrik yang pernah digunakan Google,yakni FCP (first contentful paint).Sesuai nama FCP adalah elemen halaman yang pertama kali dimuat, meskipun berukuran kecil seperti logo atau menu navigasi di header.<\/p>\n<p>Agar kalian paham elemen apa yang dianggap LCP,perhatikan perbandingan dengan FCP di ilustrasi di bawah ini :<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8100 \" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_2-6.png\" alt=\"\" width=\"658\" height=\"428\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_2-6.png 580w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_2-6-400x260.png 400w\" sizes=\"auto, (max-width: 658px) 100vw, 658px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Dapat kalian lihat bahwa logo, judul konten dan beberapa baris kalimat muncul pertama kali saat halaman diakses.Inilah yang dinamakan elemen FCP.Namun,Google berpendapat : FCP bukan indikator yang memberikan kesan loading cepat.Berbeda dengan,LCP pada ilustrasi di atas adalah featured image.Konten visual ini bukan pertama kali dimuat,tetapi, dengan kemunculannya,halaman website terkesan dimuat lebih cepat.Elemen seperti featured image ini yang perlu kalian identifikasi di halaman website. Dengan mengetahuinya,kalian dapat mengoptimalkan elemen tersebut agar dapat mendapatkan skor baik untuk faktor LCP.<\/p>\n<ul>\n<li><strong><span id=\"FID_First_Input_Delay\">FID (First Input Delay)<\/span><\/strong><\/li>\n<\/ul>\n<p>FID merupakan waktu yang dibutuhkan website untuk merespons interaksi pertama yang dilakukan pengunjung.Interaksi yang dimaksud yakni klik atau input,namun bukan scroll dan zoom.Meski FID diukur dari interaksi pengunjung ketika sebagian besar elemen halaman sudah dimuat,indikator ini belum sempurna.Google masih menggunakan data lab untuk menentukan kriteria penilaian FID.Padahal,interaksi pertama pada halaman website dapat terjadi kapan saja.Dengan demikian, nilai FID kalian buruk jika pengunjung website tidak segera klik tombol atau menu.Saat ini,solusi yang dapat dilakukan untuk mendapatkan skor baik untuk FID adalah mengoptimalkan kinerja file-file JavaScript atau meminimalkan penggunaan.<\/p>\n<ul>\n<li><strong><span id=\"CLS_Cumulative_Layout_Shift\">CLS (Cumulative Layout Shift)<\/span><\/strong><\/li>\n<\/ul>\n<p>CLS merupakan indikator yang mengukur berapa banyak perubahan layout halaman website yang terjadi saat dimuat.Ini adalah contoh website dengan CLS buruk:saat edang mengakses sebuah halaman website,di dalamnya ada tombol yang ingin kalian klik sebelum halaman ini sepenuhnya dimuat.Sayangnya, tombol tersebut bergeser ke bawah begitu hampir diklik.Alasannya karena ada elemen lain yang terlambat muncul atau contoh lainnya berkaitan dengan penempatan slot banner iklan yang kurang tepat seperti membuka sebuah artikel blog dan mulai membacanya sebelum halaman sepenuhnya dimuat dan paragraf yang sedang kalian simak meluncur ke bawah berkat kemunculan banner iklan yang tidak kalian duga.Baik tidaknya skor CLS kalian diukur dari hal-hal seperti itu.Namun,CLS hanya menghitung seringnya perubahan layout yang tidak terduga.Jika website kalian memiliki menu yang dapat disembunyikan atau drop-down,perubahan tampilan yang terjadi tidak dianggap sebagai faktor pengurang skor.<\/p>\n<h2><span id=\"Tujuan_Core_Web_Vitals\">Tujuan Core Web Vitals<\/span><\/h2>\n<p>Tujuan Web Vitals adalah untuk membantu menyederhanakan pengukuran kualitas pengalaman pengguna sehingga kita lebih mudah memahaminya,tanpa adanya metrik yang dapat dinyatakan dengan angka,maka sulit bagi kita untuk tahu seberapa baik pengalaman pengguna.<\/p>\n<h2><span id=\"Tips_Optimasi_Core_Web_Vitals\">Tips Optimasi Core Web Vitals<\/span><\/h2>\n<p>Secara garis besar tips yang biasa dilakukan adalah sebagai berikut :<\/p>\n<ul>\n<li>Memilih hosting yang bagus,disarankan menggunakan VPS atau di atasnya.<\/li>\n<li>Menggunakan WordPress maka pilihlah theme yang fast load.<\/li>\n<li>Optimasi code yang digunakan.<\/li>\n<li>Kurangi jumlah request.<\/li>\n<li>Gunakan cache.<\/li>\n<li>Optimasi viewport dengan mengurangi asset yang muncul diawal.<\/li>\n<\/ul>\n<h2>Cara mengoptimalkan Core Web Vitals<\/h2>\n<p>Berikut ini beberapa cara yang bisa dilakukan untuk mengoptimalkan masing-masing metrik Core Web Vitals\u00a0 :<\/p>\n<p><strong>Cara meningkatkan LCP<\/strong><\/p>\n<p>Beberapa cara untuk meningkatkan LCP Core Web Vitals :<\/p>\n<ul>\n<li>Hapus semua skrip pihak ketiga yang tidak perlu.Penelitian menemukan skrip pihak ketiga bisa memperlambat halaman hingga 35 ms.<\/li>\n<li>Tingkatkan\u00a0web host kalian karena hosting yang baik meningkatkan waktu memuat halaman.<\/li>\n<li>Siapkan pemuatan lambat,karena membuat gambar hanya dimuat jika pengguna menggulir ke bawah halaman.Artinya kalian bisa mencapai LCP secara signifikan dengan cepat.<\/li>\n<li>Hapus elemen halaman besar,cek elemen yang memperlambat LCP halaman website kalian dari Google PageSpeed Insight.<\/li>\n<\/ul>\n<p><strong>Cara meningkatkan FID<\/strong><\/p>\n<p>Beberapa cara untuk meningkatkan skor FID Core Web Vitals :<\/p>\n<ul>\n<li>Hapus semua skrip pihak ketiga yang tidak penting. Sama seperti FCP,skrip pihak ketiga bisa berdampak negatif pada FID<\/li>\n<li>Gunakan\u00a0cache browser.Ini membantu membuat konten di halaman lebih cepat.<\/li>\n<\/ul>\n<p><strong>Cara meminimalkan CLS<\/strong><\/p>\n<p>Beberapa cara untuk meminimalkan CLS Core Web Vitals :<\/p>\n<ul>\n<li>Gunakan ukuran dimensi atribut yang ditetapkan untuk media apa pun.<\/li>\n<li>Pastikan elemen iklan memiliki ruang khusus.Jika tidak elemen iklan dapat tiba-tiba muncul di halaman dan mendorong konten ke bawah, atas atau samping<\/li>\n<li>Tambahkan elemen UI baru di bagian bawah sehingga tidak menurunkan konten yang diharapkan pengguna untuk tetap berada di tempatnya.<\/li>\n<\/ul>\n<h2><span id=\"Cara_Memeriksa_Skor_Core_Web_Vitals\">Cara Melihat Skor Core Web Vitals<\/span><\/h2>\n<p>Sudah ada beberapa tools yang dapat menampilkan data core web vitals,yaitu:<\/p>\n<ol>\n<li>PageSpeed Insights.<\/li>\n<li>Google Search Console.<\/li>\n<li>Chrome UX Report.<\/li>\n<li>Chrome Web Vitals Extension.<\/li>\n<\/ol>\n<p>Meski begitu,tidak perlu menggunakan keempat tools tersebut secara bersamaan.Disarankan menggunakan Google Search Console dan Page Speed Insights.Di Google Search Console,kalian dapat melihat data core web vitals secara garis besar,sedangkan PageSpeed Insights membantu untuk mengidentifikasi elemen-elemen yang perlu dioptimalkan untuk core web vitals.Cara melihat data core web vitals di Google Search Console cukup mudah.<\/p>\n<p>Akses Dashboard Google Search Console milik kalian, lalu klik menu <strong>Core Web Vitals<\/strong>\u00a0di sidebar.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8106 size-full\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_4-6.png\" alt=\"\" width=\"358\" height=\"480\" \/><\/p>\n<p>Menu tersebut membawa kalian ke Dashboard Core Web Vitals.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8107 size-full\" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_5-7.png\" alt=\"\" width=\"750\" height=\"534\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_5-7.png 750w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_5-7-640x456.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_5-7-400x285.png 400w\" sizes=\"auto, (max-width: 750px) 100vw, 750px\" \/><\/p>\n<ul>\n<li>Cek Core Web Vitals di PageSpeed Insight pun mudah,cukup akses situsnya,ketikkan URL halaman yang ingin dicek.<\/li>\n<li>Di halaman hasilnya,kalian akan menemukan poin berjudul Field Data.Di sinilah kalian dapat melihat skor untuk 3 indikator Core Web Vitals ditambah FCP.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-8108 \" src=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_6-5.png\" alt=\"\" width=\"836\" height=\"301\" srcset=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_6-5.png 764w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_6-5-640x230.png 640w, https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Screenshot_6-5-400x144.png 400w\" sizes=\"auto, (max-width: 836px) 100vw, 836px\" \/><\/p>\n<p>Sekian artikel kali ini semoga bisa bermanfaat untuk kalian semua \ud83d\ude42<\/p>\n\n\n<div class=\"kk-star-ratings kksr-auto kksr-align-right kksr-valign-bottom\"\n    data-payload='{&quot;align&quot;:&quot;right&quot;,&quot;id&quot;:&quot;8097&quot;,&quot;slug&quot;:&quot;default&quot;,&quot;valign&quot;:&quot;bottom&quot;,&quot;ignore&quot;:&quot;&quot;,&quot;reference&quot;:&quot;auto&quot;,&quot;class&quot;:&quot;&quot;,&quot;count&quot;:&quot;0&quot;,&quot;legendonly&quot;:&quot;&quot;,&quot;readonly&quot;:&quot;&quot;,&quot;score&quot;:&quot;0&quot;,&quot;starsonly&quot;:&quot;&quot;,&quot;best&quot;:&quot;5&quot;,&quot;gap&quot;:&quot;0&quot;,&quot;greet&quot;:&quot;Jadilah yang pertama untuk memberi nilai&quot;,&quot;legend&quot;:&quot;0\\\/5 - (0 votes)&quot;,&quot;size&quot;:&quot;22&quot;,&quot;title&quot;:&quot;Pengertian Core Web Vitals Dan Langkah Optimasinya&quot;,&quot;width&quot;:&quot;0&quot;,&quot;_legend&quot;:&quot;{score}\\\/{best} - ({count} {votes})&quot;,&quot;font_factor&quot;:&quot;1.25&quot;}'>\n            \n<div class=\"kksr-stars\">\n    \n<div class=\"kksr-stars-inactive\">\n            <div class=\"kksr-star\" data-star=\"1\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"2\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"3\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"4\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" data-star=\"5\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n    \n<div class=\"kksr-stars-active\" style=\"width: 0px;\">\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n            <div class=\"kksr-star\" style=\"padding-right: 0px\">\n            \n\n<div class=\"kksr-icon\" style=\"width: 22px; height: 22px;\"><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                \n\n<div class=\"kksr-legend\" style=\"font-size: 17.6px;\">\n            <span class=\"kksr-muted\">Jadilah yang pertama untuk memberi nilai<\/span>\n    <\/div>\n    <\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pengertian Core Web Vitals Core web vitals merupakan kumpulan metrik website yang ditentukan oleh Google.Kumpulan metrik ini ditetapkan sebagai bagian dari indikator search ranking terbaru Google, yaitu page experience. Core Web Vitals sebelumnya terdiri dari : Mobile Friendly (Keramahan Seluler). Safe Browsing (Penelusuran Aman). HTTPS. No Intrusive Interstitial(Tidak Ada Pengantara yang Mengganggu). Adanya core web [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":8105,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"rop_custom_images_group":[],"rop_custom_messages_group":[],"rop_publish_now":"initial","rop_publish_now_accounts":{"twitter_2392824914_2392824914":""},"rop_publish_now_history":[],"rop_publish_now_status":"pending","_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"enabled":false},"version":2}},"categories":[3,153],"tags":[2525,2526,2520,2522,2521,2524,2523],"class_list":["post-8097","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog","category-pengetahuan-umum","tag-cara-melihat-skor-core-web-vitals","tag-cara-mengoptimalkan-core-web-vitals","tag-core-web-vitals-dan-langkah-optimasinya","tag-indikator-core-web-vitals","tag-pengertian-core-web-vitals","tag-tips-optimasi-core-web-vitals","tag-tujuan-core-web-vitals"],"featured_image_src":{"landsacpe":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals-1140x445.jpg",1140,445,true],"list":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals-463x348.jpg",463,348,true],"medium":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals-300x169.jpg",300,169,true],"full":["https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg",1920,1080,false]},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.8 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Pengertian Core Web Vitals Dan Langkah Optimasinya - Hosteko Blog<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Pengertian Core Web Vitals Dan Langkah Optimasinya - Hosteko Blog\" \/>\n<meta property=\"og:description\" content=\"Pengertian Core Web Vitals Core web vitals merupakan kumpulan metrik website yang ditentukan oleh Google.Kumpulan metrik ini ditetapkan sebagai bagian dari indikator search ranking terbaru Google, yaitu page experience. Core Web Vitals sebelumnya terdiri dari : Mobile Friendly (Keramahan Seluler). Safe Browsing (Penelusuran Aman). HTTPS. No Intrusive Interstitial(Tidak Ada Pengantara yang Mengganggu). Adanya core web [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya\" \/>\n<meta property=\"og:site_name\" content=\"Hosteko Blog\" \/>\n<meta property=\"article:published_time\" content=\"2020-12-12T08:14:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-12-12T08:15:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"feni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"feni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#article\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya\"},\"author\":{\"name\":\"feni\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61\"},\"headline\":\"Pengertian Core Web Vitals Dan Langkah Optimasinya\",\"datePublished\":\"2020-12-12T08:14:43+00:00\",\"dateModified\":\"2020-12-12T08:15:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya\"},\"wordCount\":1113,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg\",\"keywords\":[\"Cara Melihat Skor Core Web Vitals\",\"Cara mengoptimalkan Core Web Vitals\",\"Core Web Vitals Dan Langkah Optimasinya\",\"Indikator Core Web Vitals\",\"Pengertian Core Web Vitals\",\"Tips Optimasi Core Web Vitals\",\"Tujuan Core Web Vitals\"],\"articleSection\":[\"Blog\",\"pengetahuan umum\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya\",\"url\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya\",\"name\":\"Pengertian Core Web Vitals Dan Langkah Optimasinya - Hosteko Blog\",\"isPartOf\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage\"},\"thumbnailUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg\",\"datePublished\":\"2020-12-12T08:14:43+00:00\",\"dateModified\":\"2020-12-12T08:15:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg\",\"width\":1920,\"height\":1080},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/hosteko.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Pengertian Core Web Vitals Dan Langkah Optimasinya\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/hosteko.com\/blog\/#website\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"name\":\"Hosteko Blog\",\"description\":\"Berita &amp; Informasi Dunia IT\",\"publisher\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/hosteko.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/hosteko.com\/blog\/#organization\",\"name\":\"HOSTEKO\",\"url\":\"https:\/\/hosteko.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"contentUrl\":\"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png\",\"width\":195,\"height\":57,\"caption\":\"HOSTEKO\"},\"image\":{\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61\",\"name\":\"feni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g\",\"caption\":\"feni\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Pengertian Core Web Vitals Dan Langkah Optimasinya - Hosteko Blog","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:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya","og_locale":"en_US","og_type":"article","og_title":"Pengertian Core Web Vitals Dan Langkah Optimasinya - Hosteko Blog","og_description":"Pengertian Core Web Vitals Core web vitals merupakan kumpulan metrik website yang ditentukan oleh Google.Kumpulan metrik ini ditetapkan sebagai bagian dari indikator search ranking terbaru Google, yaitu page experience. Core Web Vitals sebelumnya terdiri dari : Mobile Friendly (Keramahan Seluler). Safe Browsing (Penelusuran Aman). HTTPS. No Intrusive Interstitial(Tidak Ada Pengantara yang Mengganggu). Adanya core web [&hellip;]","og_url":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya","og_site_name":"Hosteko Blog","article_published_time":"2020-12-12T08:14:43+00:00","article_modified_time":"2020-12-12T08:15:37+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg","type":"image\/jpeg"}],"author":"feni","twitter_card":"summary_large_image","twitter_misc":{"Written by":"feni","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#article","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya"},"author":{"name":"feni","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61"},"headline":"Pengertian Core Web Vitals Dan Langkah Optimasinya","datePublished":"2020-12-12T08:14:43+00:00","dateModified":"2020-12-12T08:15:37+00:00","mainEntityOfPage":{"@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya"},"wordCount":1113,"commentCount":0,"publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"image":{"@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg","keywords":["Cara Melihat Skor Core Web Vitals","Cara mengoptimalkan Core Web Vitals","Core Web Vitals Dan Langkah Optimasinya","Indikator Core Web Vitals","Pengertian Core Web Vitals","Tips Optimasi Core Web Vitals","Tujuan Core Web Vitals"],"articleSection":["Blog","pengetahuan umum"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#respond"]}]},{"@type":"WebPage","@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya","url":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya","name":"Pengertian Core Web Vitals Dan Langkah Optimasinya - Hosteko Blog","isPartOf":{"@id":"https:\/\/hosteko.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage"},"image":{"@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage"},"thumbnailUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg","datePublished":"2020-12-12T08:14:43+00:00","dateModified":"2020-12-12T08:15:37+00:00","breadcrumb":{"@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#primaryimage","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg","width":1920,"height":1080},{"@type":"BreadcrumbList","@id":"https:\/\/hosteko.com\/blog\/core-web-vitals-dan-langkah-optimasinya#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/hosteko.com\/blog"},{"@type":"ListItem","position":2,"name":"Pengertian Core Web Vitals Dan Langkah Optimasinya"}]},{"@type":"WebSite","@id":"https:\/\/hosteko.com\/blog\/#website","url":"https:\/\/hosteko.com\/blog\/","name":"Hosteko Blog","description":"Berita &amp; Informasi Dunia IT","publisher":{"@id":"https:\/\/hosteko.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/hosteko.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/hosteko.com\/blog\/#organization","name":"HOSTEKO","url":"https:\/\/hosteko.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","contentUrl":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2019\/04\/logo-hosteko.png","width":195,"height":57,"caption":"HOSTEKO"},"image":{"@id":"https:\/\/hosteko.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/92f805bd68ef8fc0eb2b6cafc6579e61","name":"feni","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/hosteko.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/2a63c9a33d5a76730f86afb01aa7be8819ebd0dbd478ca3e43c713e68d6a1342?s=96&d=mm&r=g","caption":"feni"}}]}},"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/hosteko.com\/htk-blog\/wp-content\/uploads\/2020\/12\/Core-Web-Vitals.jpg","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8097","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/comments?post=8097"}],"version-history":[{"count":4,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8097\/revisions"}],"predecessor-version":[{"id":8110,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/posts\/8097\/revisions\/8110"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media\/8105"}],"wp:attachment":[{"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/media?parent=8097"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/categories?post=8097"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/hosteko.com\/blog\/wp-json\/wp\/v2\/tags?post=8097"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}