เบราว์เซอร์ Chromium รองรับ iframe lazy loading ทันทีเพื่อรองรับประสิทธิภาพ
- หมวดหมู่: Google Chrome
Google เปิดเผย ในวันที่ 24 กรกฎาคม 2020 ว่าเว็บเบราว์เซอร์ที่ใช้ Google Chrome และ Chromium รองรับการโหลดเนื้อหา iframe ในขณะนี้ การรวมคุณลักษณะนี้เกิดขึ้นทันทีหลังจากที่ Google แนะนำการสนับสนุนสำหรับ ขี้เกียจโหลดภาพใน Chromium และ Chrome . เว็บเบราว์เซอร์ Firefox ของ Mozilla รองรับการโหลดภาพที่ขี้เกียจเช่นกัน .
ในทางเทคนิคการโหลดแบบขี้เกียจทำให้เบราว์เซอร์ไม่สามารถโหลดเนื้อหาบางอย่างได้จนกว่าผู้ใช้จะเข้าถึงได้ เมื่อโหลดหน้าเว็บเป็นครั้งแรกเนื้อหาที่มองไม่เห็นในครึ่งหน้าล่างอาจถูกโหลด เมื่อผู้ใช้เลื่อนลงเนื้อหาจะถูกโหลดในขณะที่การเลื่อนเกิดขึ้น
การโหลด iframes อย่างขี้เกียจในเว็บเบราว์เซอร์ที่ใช้ Chromium เป็นไปตามวิธีการเดียวกัน ผู้ดูแลเว็บจำเป็นต้องใช้แอตทริบิวต์ loading = 'lazy' สำหรับ iframe ในโค้ดของไซต์เพื่อแจ้งเบราว์เซอร์ว่าไม่ควรโหลดเนื้อหาทันที เบราว์เซอร์ที่ไม่รองรับฟังก์ชันการทำงานจะเพิกเฉยต่อแอตทริบิวต์ในขณะที่เบราว์เซอร์ที่รองรับจะจัดการการโหลดตามนั้น
Google ทำการทดสอบสองสามครั้งเพื่อตรวจสอบผลกระทบของการโหลด iframe แบบขี้เกียจ มีข้อสังเกตดังต่อไปนี้:
- การโหลด YouTube แบบไม่ได้ตั้งใจจะช่วยประหยัดได้ประมาณ 500 กิโลไบต์ในการโหลดหน้าเว็บครั้งแรก
- ใน chrome.com Google จัดการเพื่อลดเวลาในการโหลดลง 10 วินาทีบนอุปกรณ์เคลื่อนที่เมื่อเพิ่มแอตทริบิวต์ lazy ลงใน YouTube ที่ฝังไว้ในหน้า
- การโหลดอินสตาแกรมแบบขี้เกียจช่วยประหยัดได้ประมาณ 100 กิโลไบต์ในการโหลดครั้งแรก
- ขี้เกียจโหลด Spotify ฝังช่วยประหยัด 514 กิโลไบต์ในการโหลดครั้งแรก
โดยทั่วไปแล้วการโหลด iframe นอกหน้าจออย่างเกียจคร้านทำให้ประหยัดข้อมูลเฉลี่ย 2-3% การระบายสีเนื้อหาแรก 1-2% และความล่าช้าในการป้อนข้อมูลครั้งแรก 2%
Google ตั้งข้อสังเกตว่ามีความเป็นไปได้ที่จะใช้แอตทริบิวต์การโหลดสำหรับการโฆษณาบนเว็บไซต์
ผู้ดูแลเว็บต้องระบุพารามิเตอร์ loading = 'lazy' เพื่อรับเบราว์เซอร์ที่รองรับการโหลดแบบ lazy เพื่อเลื่อนการโหลดออกไปจนกว่าจะเข้าถึงเนื้อหา นอกจากนี้ยังเป็นไปได้ที่จะใช้พารามิเตอร์ 'กระตือรือร้น' เพื่อแจ้งให้เบราว์เซอร์ทราบว่าควรโหลดเนื้อหาทันทีและใช้ 'อัตโนมัติ' เพื่อให้เบราว์เซอร์ตัดสินใจ
Google ใช้ข้อยกเว้นในโหมด Lite บน Chrome สำหรับ Android โหมด Lite หรือโหมดประหยัดอินเทอร์เน็ตเป็นโหมดพิเศษที่ Chrome สำหรับ Android รองรับซึ่งได้รับการออกแบบมาเพื่อปรับปรุงประสิทธิภาพการโหลดโดยใช้เซิร์ฟเวอร์ของ Google เพื่อโหลดเนื้อหาได้เร็วขึ้น ภาพนอกจอและ iframe จะถูกโหลดโดยอัตโนมัติหากโหมด Lite ทำงานอยู่ในเว็บเบราว์เซอร์ Chrome
ปิดคำ
เป้าหมายหลักของการโหลดแบบขี้เกียจคือการเพิ่มความเร็วในการโหลดเว็บไซต์ครั้งแรก เนื้อหาที่ไม่ถูกโหลดในตอนแรกเมื่อโหลดไซต์เมื่อผู้ใช้เลื่อนบนเพจ อาจส่งผลให้เนื้อหาบางส่วนไม่แสดงในทันทีขึ้นอยู่กับความเร็วในการเลื่อนและประสิทธิภาพของอุปกรณ์และเครือข่าย
ตอนนี้คุณ: ขี้เกียจโหลดใช่หรือเปล่าคุณเอาอะไร? (ผ่าน Techdows )