ในอดีตเป็นความท้าทายสําหรับนักพัฒนาเว็บในการวัดว่าเนื้อหาหลักของหน้าเว็บโหลดได้เร็วเพียงใดและผู้ใช้สามารถมองเห็นได้
LCP คืออะไร?
LCP คือการวัดระยะเวลาที่ใช้ในการดาวน์โหลดเนื้อหาหลักของหน้าและพร้อมที่จะโต้ตอบด้วย
เมตริก Contentful Paint (LCP) ที่ใหญ่ที่สุดจะรายงานเวลาการแสดงผลของบล็อกรูปภาพหรือข้อความที่ใหญ่ที่สุดที่มองเห็นได้ภายในวิวพอร์ต ซึ่งสัมพันธ์กับเวลาที่หน้าเว็บเริ่มโหลดครั้งแรก
ดังนั้น Google Search Console จึงบอกคุณว่าคุณมีหน้าเว็บที่มี LCP ไม่ดี หรือคุณได้เรียกใช้ Google บนหน้าเว็บที่ LCP นานกว่า 4 วินาที หาก LCP ของคุณมีความยาวเกิน 4 วินาที ระบบจะรายงาน LCP เป็น URL ที่ไม่ดีในรายงาน มีรายงานสําหรับมือถือและเดสก์ท็อป
คะแนน LCP ที่ดีคืออะไร?
เพื่อมอบประสบการณ์ที่ดีแก่ผู้ใช้ ไซต์ควรพยายามใช้สีที่มีเนื้อหามากที่สุด2.5 วินาทีหรือน้อยกว่า เพื่อให้แน่ใจว่าคุณจะบรรลุเป้าหมายนี้สําหรับผู้ใช้ส่วนใหญ่เกณฑ์ที่ดีในการวัดคือเปอร์เซ็นไทล์ที่ 75ของการโหลดหน้าเว็บซึ่งแบ่งกลุ่มระหว่างอุปกรณ์เคลื่อนที่และเดสก์ท็อป
วิธีการปรับปรุง LCP
LCP ได้รับผลกระทบหลักจากปัจจัยสี่ประการ:
-เวลาตอบสนองของเซิร์ฟเวอร์ช้า
-จาวาสคริปต์และ CSS ที่บล็อกการแสดงผล
-เวลาในการโหลดทรัพยากร
-การแสดงผลฝั่งไคลเอ็นต์
เป็นเรื่องยากที่การแก้ไขอย่างรวดเร็วในส่วนเดียวของหน้าจะส่งผลให้ LCP ดีขึ้นอย่างมีความหมาย ในการปรับปรุง LCP คุณต้องดูกระบวนการโหลดทั้งหมดและตรวจสอบให้แน่ใจว่าทุกขั้นตอนตลอดทางได้รับการปรับให้เหมาะสม
การปรับให้เหมาะสมสําหรับ LCP เป็นงานที่ซับซ้อน และด้วยงานที่ซับซ้อน โดยทั่วไปจะเป็นการดีกว่าที่จะแยกย่อยออกเป็นงานที่เล็กกว่าและจัดการได้มากขึ้น และจัดการกับแต่ละงานแยกกัน คู่มือนี้จะนําเสนอวิธีการสําหรับวิธีการแยกย่อย LCP ออกเป็นส่วนย่อยที่สําคัญที่สุดจากนั้นนําเสนอคําแนะนําเฉพาะและแนวทางปฏิบัติที่ดีที่สุดสําหรับวิธีเพิ่มประสิทธิภาพแต่ละส่วน
