ขณะนี้ Google Chrome รองรับ iframe การโหลดแบบ Lazy Loading เพื่อเพิ่มความเร็วในการโหลดหน้าเว็บ

การเข้าชมเว็บที่เพิ่มขึ้นจากผู้ใช้มือถือและผู้คนทั่วโลกที่มีความสามารถในการเชื่อมต่อที่จำกัด ส่งผลให้บริษัทและนักพัฒนาต้องเพิ่มประสิทธิภาพความเร็วในการโหลดเว็บไซต์อย่างมาก โดยปกติแล้ว เมื่อคุณนำทางไปยังหน้าเว็บ หน้าเว็บจะดาวน์โหลดและแสดงเนื้อหาทั้งหมดที่มีอยู่ เช่น รูปภาพ ไอคอน GIF สไตล์ สคริปต์ และอื่นๆ อย่างที่คุณคงจินตนาการได้ การโหลดข้อมูลทั้งหมดนั้นทำให้เกิดความล่าช้าเมื่อเว็บไซต์เริ่มทำงาน โดยเฉพาะสำหรับผู้ใช้ที่มีการเชื่อมต่อที่ช้า Google ได้พยายามขจัดปัญหานี้มาระยะหนึ่งแล้ว เมื่อปีที่แล้วพวกเขากล่าวเสริม คุณสมบัติการโหลดรูปภาพแบบ Lazy Loading ในกูเกิลโครม 76 ขณะนี้ Google กำลังนำฟังก์ชันการทำงานแบบเดียวกันนี้มาใช้กับ iframe

Lazy Loading โหลดเนื้อหาของหน้าเว็บตามความต้องการซึ่งหมายความว่าจะไม่ถูกดาวน์โหลดและ ปรากฏขึ้นจนกว่าคุณจะเลื่อนลงและนำไปไว้ในมุมมอง ซึ่งจะช่วยลดการเริ่มต้นเว็บไซต์ครั้งแรก ความเร็ว. ตามที่กล่าวไว้ข้างต้น Chrome มีการโหลดรูปภาพแบบ Lazy Loading มาตั้งแต่ปีที่แล้ว แต่ตอนนี้นักพัฒนาก็สามารถใช้วิธีเดียวกันนี้บน iframe ได้เช่นกัน หากต้องการใช้งานบนเว็บไซต์ของคุณเอง สิ่งที่คุณต้องทำคือเพิ่ม

กำลังโหลด = "ขี้เกียจ" ระบุแหล่งที่มาให้กับรูปภาพและ/หรือองค์ประกอบ iframe ของคุณ เบราว์เซอร์เช่น Firefox และ Safari ได้ใช้คุณลักษณะการโหลดรูปภาพแบบเนทีฟแล้ว สำหรับ iframe นั้น พวกเขายังคงทำงานเพื่อแก้ไขข้อบกพร่องบางประการ Google ยังกล่าวอีกว่า Chrome สำหรับ Android ในโหมด Lite จะโหลดรูปภาพและ iframe นอกหน้าจอโดยอัตโนมัติ

น่าแปลกที่ในระหว่างการทดสอบว่าวิดีโอ YouTube ที่ฝัง (ซึ่งใช้ iframe) จะส่งผลต่อความเร็วในการโหลดหน้าเว็บอย่างไรเมื่อโหลดแบบ Lazy Loading ทีมงาน Chrome พบว่า "ประหยัดเวลาได้ 10 วินาทีว่าเพจของเราจะสามารถโต้ตอบบนอุปกรณ์มือถือได้เร็วแค่ไหน" ไม่จำเป็นต้องพูดเลย การโหลดแบบ Lazy Loading มีข้อได้เปรียบเหนือวิธีการดั้งเดิมในการดาวน์โหลดเนื้อหาทั้งหมดของหน้าเว็บทันทีที่คุณเยี่ยมชม

---

แหล่งที่มา: เว็บ.เดฟ

ทาง: เทคโดวส์