---
title: Core Web Vitals
description: "LCP, INP, dan CLS adalah tiga metrik pengalaman halaman Google. Pahami ambangnya dan cara memperbaikinya tanpa menebak."
canonical: https://penasihathosting.com/wikihosting/core-web-vitals
type: wiki
locale: id
updated: 2026-10-29
author: Willya Randika
---

# Core Web Vitals

## Overview

- **Summary:** LCP, INP, dan CLS adalah tiga metrik pengalaman halaman Google. Pahami ambangnya dan cara memperbaikinya tanpa menebak.
- **Author:** Willya Randika ([profile](/penulis/willya-randika))

## Article

**Core Web Vitals** adalah tiga metrik yang dipakai Google untuk mengukur pengalaman halaman: **LCP** (kecepatan memuat konten utama), **INP** (responsivitas terhadap interaksi), dan **CLS** (stabilitas visual). Sejak 2024, INP menggantikan FID.

## Ambang yang dipakai

| Metrik | Arti | Baik | Perlu perbaikan | Buruk |
| --- | --- | --- | --- | --- |
| LCP | Waktu elemen terbesar terlihat | ≤ 2,5 dtk | 2,5–4 dtk | > 4 dtk |
| INP | Respons terhadap klik/ketikan | ≤ 200 ms | 200–500 ms | > 500 ms |
| CLS | Pergeseran layout tak terduga | ≤ 0,1 | 0,1–0,25 | > 0,25 |

Angka ini diukur pada data lapangan (CrUX), bukan hanya lab. Hasil PageSpeed Insights bisa berbeda dari pengalaman pengguna nyata karena perangkat, jaringan, dan lokasi.

## Penyebab yang sering

- **LCP lambat:** gambar hero besar, TTFB tinggi, render-blocking CSS/JS, font lambat.
- **INP buruk:** JavaScript berat, event handler panjang, third-party script, hidrasi lambat.
- **CLS tinggi:** gambar tanpa dimensi, iklan/embed yang menyisip, font swap yang menggeser teks.

## Cara memperbaiki tanpa menebak

Ukur dulu di **PageSpeed Insights** dan **Search Console → Core Web Vitals**. Perbaiki penyebab terbesar, lalu ukur lagi setelah cache dan CDN konsisten. Untuk LCP, cek [TTFB](/wikihosting/ttfb) dan [web cache](/wikihosting/web-cache). Untuk aset, kompresi dan [CDN](/wikihosting/cdn) sering membantu.

## Yang perlu diperhatikan

- **Field data menang.** Lab data bagus belum tentu field data bagus.
- **Mobile lebih ketat.** Uji di perangkat dan jaringan yang realistis.
- **Third-party script mahal.** Setiap tag analitik atau chat menambah biaya JS.
- **Jangan mengejar skor 100.** Yang penting ambang metrik, bukan angka kosmetik.

Ukur sebelum dan sesudah perubahan agar dampaknya terlihat.

## FAQ

<Accordion>
  <AccordionItem title="Apakah Core Web Vitals faktor peringkat?">
    Google memakai page experience sebagai salah satu sinyal, tetapi relevansi dan kualitas konten tetap jauh lebih besar.
  </AccordionItem>
  <AccordionItem title="Mengapa skor lab bagus tetapi field data buruk?">
    Lab biasanya memakai perangkat dan jaringan cepat. Field data mencerminkan pengunjung nyata dengan perangkat, lokasi, dan koneksi yang beragam.
  </AccordionItem>
  <AccordionItem title="Metrik mana yang harus diperbaiki dulu?">
    Mulai dari LCP jika halaman terasa lambat, lalu INP jika interaksi tersendat. CLS biasanya paling murah diperbaiki dengan menetapkan dimensi gambar.
  </AccordionItem>
</Accordion>