Largest Contentful Paint (LCP)

Largest Contentful Paint (LCP) คือเมตริกที่ช่วยให้คุณวัดเวลาการโหลดขององค์ประกอบภาพที่ใหญ่ที่สุดของเว็บไซต์

ถือเป็นหนึ่งในพารามิเตอร์ที่สำคัญที่สุดของ Core Web Vitals โดย Largest Contentful Paint (LCP) วัดความเร็วในการโหลดที่รับรู้ได้ หรือความเร็วในการโหลดและแสดงเนื้อหาหลักของเว็บเพจให้ผู้ใช้เห็น

Largest Contentful Paint (LCP) คืออะไร?

เมตริก Largest Contentful Paint (LCP) รายงานเวลาในการเรนเดอร์ของรูปภาพหรือบล็อกข้อความที่ใหญ่ที่สุดที่มองเห็นได้ภายใน viewport เทียบกับเวลาที่เริ่มโหลดหน้า

เว็บไซต์ควรพยายามให้ Largest Contentful Paint อยู่ที่ 2.5 วินาทีหรือน้อยกว่า

ประเภทเนื้อหาที่พิจารณา:

• รูปภาพ
• แท็กรูปภาพ
• ภาพขนาดย่อของวิดีโอ
• ภาพพื้นหลังด้วย CSS
• องค์ประกอบข้อความ เช่น ย่อหน้า หัวข้อ และรายการ

วิธีปรับปรุง Largest Contentful Paint (LCP)?

Largest Contentful Paint (LCP) ได้รับผลกระทบหลักจากสี่ปัจจัย:

• เวลาตอบสนองของเซิร์ฟเวอร์ที่ช้า
• JavaScript และ CSS ที่บล็อกการเรนเดอร์
• เวลาในการโหลดทรัพยากร
• การเรนเดอร์ฝั่งไคลเอนต์