รายละเอียด LCP

Connor Clark
Connor Clark

เผยแพร่: 8 ต.ค. 2025

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

โดยส่วนย่อยมีดังนี้

ส่วนย่อยของ LCP คำอธิบาย
เวลาที่ได้รับข้อมูลไบต์แรก (TTFB) เวลาตั้งแต่ผู้ใช้เริ่มโหลดหน้าเว็บจนถึงเวลาที่เบราว์เซอร์ได้รับไบต์แรกของการตอบกลับเอกสาร HTML
ความล่าช้าของการโหลดทรัพยากร เวลาตั้งแต่ TTFB จนถึงเวลาที่เบราว์เซอร์เริ่มโหลดทรัพยากร LCP หากองค์ประกอบ LCP ไม่ต้องโหลดทรัพยากรเพื่อแสดงผล (เช่น หากองค์ประกอบเป็นโหนดข้อความที่แสดงผลด้วยแบบอักษรของระบบ) เวลาดังกล่าวจะเป็น 0
ระยะเวลาในการโหลดทรัพยากร ระยะเวลาที่ใช้ในการโหลดทรัพยากร LCP เอง หากองค์ประกอบ LCP ไม่ต้องโหลดทรัพยากรเพื่อแสดงผล เวลาดังกล่าวจะเป็น 0
ความล่าช้าในการแสดงผลองค์ประกอบ เวลาตั้งแต่ทรัพยากร LCP โหลดเสร็จสิ้นจนถึงการแสดงผลองค์ประกอบ LCP อย่างเต็มรูปแบบ
ส่วนย่อยของ LCP

วิธีส่งต่อข้อมูลเชิงลึกนี้

ข้อมูลเชิงลึกนี้จะแสดงเพื่อวัตถุประสงค์ในการให้ข้อมูลเสมอ (หากมีการวัด LCP)

ตั้งเป้า LCP ที่ 2.5 วินาทีหรือดีกว่า และลดระยะเวลาของแต่ละระยะให้ได้มากที่สุด โดยเฉพาะระยะเวลาหน่วง ดูกลยุทธ์ที่เฉพาะเจาะจงได้ที่เพิ่มประสิทธิภาพ Largest Contentful Paint

ข้อมูลอ้างอิงเพิ่มเติม