ขี้เกียจโหลด

การโหลดเมื่อจำเป็นช่วยเพิ่มประสิทธิภาพโดยการโหลดเฉพาะเนื้อหาที่มองเห็นได้ในวิวพอร์ตเมื่อโหลดหน้าแรก รูปภาพครึ่งหน้าล่างยังคงเป็นตัวยึดตำแหน่งแบบน้ำหนักเบาจนกว่าผู้ใช้จะเลื่อนไปทางรูปภาพเหล่านั้น ทำให้เกิดการดาวน์โหลดรูปภาพจริง การโหลดแบบเนทีฟแบบเนทีฟผ่านแอตทริบิวต์ HTML Loading='lazy' ได้รับการสนับสนุนโดยเบราว์เซอร์สมัยใหม่ทั้งหมด และไม่ต้องใช้ JavaScript Intersection Observer API ให้การควบคุมการใช้งานแบบกำหนดเองมากขึ้น สำหรับรูปภาพหลักครึ่งหน้าบน ควรปิดใช้งานการโหลดแบบ Lazy Loading — รูปภาพเหล่านี้จำเป็นต้องโหลดทันทีเพื่อให้ได้ Contentful Paint ที่ใหญ่ที่สุดที่เหมาะสมที่สุด การโหลดแบบ Lazy Loading ที่รุนแรงซึ่งทำให้เนื้อหาที่มองเห็นล่าช้าส่งผลเสียต่อประสิทธิภาพการรับรู้ ยอดคงเหลือกำลังโหลดทันทีสำหรับเนื้อหาที่มองเห็นได้ และเลื่อนการโหลดสำหรับสิ่งอื่นๆ ทั้งหมด