Chrome เพิ่มการรองรับการโหลดบล็อก iframe แบบ Lazy Loading

นักพัฒนาเบราว์เซอร์ Chrome сообщили เกี่ยวกับการขยายวิธีการโหลดองค์ประกอบของเว็บเพจแบบ Lazy Loading ไม่ให้โหลดเนื้อหาที่อยู่นอกขอบเขตที่มองเห็นได้จนกว่าผู้ใช้จะเลื่อนหน้าไปยังตำแหน่งที่อยู่ข้างหน้าองค์ประกอบนั้นทันที ก่อนหน้านี้ใน Chrome 76 และ Firefox 75 โหมดนี้ได้ถูกนำไปใช้กับรูปภาพแล้ว ขณะนี้นักพัฒนา Chrome ได้ก้าวไปอีกขั้นหนึ่งและเพิ่มความสามารถในการบล็อก iframe ของการโหลดแบบ Lazy Load

เพื่อควบคุมการโหลดหน้าเว็บแบบ Lazy จึงมีการเพิ่มแอตทริบิวต์ "loading" ลงในแท็ก "iframe" ซึ่งสามารถรับค่า "lazy" (เลื่อนการโหลด), "eager" (โหลดทันที) และ "auto" (เลื่อนการโหลด) ขึ้นอยู่กับดุลยพินิจของเบราว์เซอร์เมื่อเปิดใช้งานโหมด Lite). คาดว่าการโหลดแบบ Lazy Loading จะช่วยลดการใช้หน่วยความจำ ลดการรับส่งข้อมูล และเพิ่มความเร็วในการเปิดหน้าแรก ตัวอย่างเช่น เมื่อเปิดใช้งานโหมดใหม่ การบล็อกที่มีโฆษณาและวิดเจ็ตสำหรับ Twitter, Facebook และ YouTube จะไม่ถูกโหลดทันทีอีกต่อไป หากผู้ใช้ไม่สามารถมองเห็นได้จนกว่าผู้ใช้จะเลื่อนหน้าไปยังตำแหน่งก่อนการบล็อกเหล่านี้

Chrome เพิ่มการรองรับการโหลดบล็อก iframe แบบ Lazy Loading

ตามที่นักพัฒนาโดยเฉลี่ยแล้วการโหลดแบบ Lazy Loading จะช่วยประหยัดการรับส่งข้อมูลได้ 2-3% ลดจำนวนลง การเรนเดอร์เริ่มต้น 1-2% และจะลดลง ล่าช้าก่อนที่อินพุตจะพร้อมใช้งาน เมื่อวันที่ 2% สำหรับบางไซต์ การเปลี่ยนแปลงจะสังเกตเห็นได้ชัดเจนยิ่งขึ้น ตัวอย่างเช่น การเปิดใช้งานการโหลดบล็อก YouTube แบบ Lazy Loading จะลดข้อมูลที่ดาวน์โหลดลงประมาณ 500KB, Instagram ลง 100KB, Spotify ลง 500KB และ Facebook ลง 400KB โดยเฉพาะอย่างยิ่ง การใช้การโหลดแบบ Lazy Loading ของบล็อก YouTube บนเว็บไซต์ Chrome.com ทำให้สามารถลดเวลาที่อุปกรณ์เคลื่อนที่ใช้ในการรอให้หน้าเว็บพร้อมใช้งานเพื่อเริ่มโต้ตอบได้สูงสุดถึง 10 วินาที และลดขนาดของ โหลดโค้ด JavaScript ครั้งแรกโดย 511KB

Chrome เพิ่มการรองรับการโหลดบล็อก iframe แบบ Lazy Loading

ที่มา: opennet.ru

เพิ่มความคิดเห็น