LCP, CLS, และ INP คืออะไร และค่ามาตรฐานที่ดีคือเท่าไร?

Question

IT Interview Practice · Accepted Answer

**Core Web Vitals** คือ field metric สามตัวที่ Google ใช้ให้คะแนนประสบการณ์ผู้ใช้จริง: **LCP** (การโหลด), **CLS** (ความเสถียรของการแสดงผล), และ **INP** (การตอบสนอง)

## แต่ละตัววัดอะไร

- **LCP — Largest Contentful Paint**: เวลาจนกว่า element ที่มองเห็นได้และใหญ่ที่สุด (hero image, พาดหัว) จะถูก render มันตอบคำถามว่า "เนื้อหาหลักปรากฏเร็วไหม?"
- **CLS — Cumulative Layout Shift**: เนื้อหากระโดดไปมาโดยไม่คาดคิดมากแค่ไหนขณะกำลังโหลด มันตอบคำถามว่า "หน้าเว็บอยู่นิ่งไหม?"
- **INP — Interaction to Next Paint**: หน้าเว็บตอบสนองต่อการแตะ/คลิก/กดปุ่มได้เร็วแค่ไหนตลอดการเข้าชมทั้งหมด มันตอบคำถามว่า "รู้สึกฉับไวไหม?" INP เข้ามาแทน FID ในเดือนมีนาคม 2024

## ค่ามาตรฐานที่ดี

| Metric | ดี | ต้องปรับปรุง | แย่ |
|--------|------|-----------|------|
| LCP | ≤ 2.5s | ≤ 4.0s | > 4.0s |
| CLS | ≤ 0.1 | ≤ 0.25 | > 0.25 |
| INP | ≤ 200ms | ≤ 500ms | > 500ms |

Google ให้คะแนนที่ **เปอร์เซ็นไทล์ที่ 75** ของผู้ใช้จริง — ดังนั้น "ดี" หมายความว่า 75% ของการเข้าชมทำได้ถึงเป้า ไม่ใช่แค่การทดสอบที่เร็วของคุณบนแล็ปท็อปที่เร็ว

## ทำไมจึงสำคัญ

ผู้สัมภาษณ์ถามเรื่องนี้เพื่อตรวจว่าคุณรู้ metric *ปัจจุบัน* (INP ไม่ใช่ FID) และค่ามาตรฐานของมัน คะแนนเหล่านี้ป้อนเข้าสู่การจัดอันดับใน Google Search และสัมพันธ์โดยตรงกับ bounce rate และ conversion ดังนั้นการรู้ว่าแต่ละตัววัดอะไรจะบอกคุณว่าควรโฟกัสตรงไหนของหน้าเว็บที่ช้า

Metric	ดี	ต้องปรับปรุง	แย่
LCP	≤ 2.5s	≤ 4.0s	> 4.0s
CLS	≤ 0.1	≤ 0.25	> 0.25
INP	≤ 200ms	≤ 500ms	> 500ms

แต่ละตัววัดอะไร

ค่ามาตรฐานที่ดี

ทำไมจึงสำคัญ

คำถามที่เกี่ยวข้อง