Firefox 75 ได้รับการรองรับการโหลดรูปภาพและ iframe แบบขี้เกียจ

ลองใช้เครื่องมือของเราเพื่อกำจัดปัญหา

Mozilla วางแผนที่จะรองรับการโหลดรูปภาพและ iframe ใน Firefox 75 แบบขี้เกียจโหลดหมายถึงเทคนิคที่เลื่อนการโหลดองค์ประกอบบนหน้าเว็บเพื่อปรับปรุงการโหลดและการแสดงผลหน้าเว็บลดการใช้หน่วยความจำและการใช้ข้อมูลเครือข่าย องค์ประกอบเหล่านี้มักจะอยู่ต่ำกว่าครึ่งหน้าบนเมื่อโหลด (ผู้ใช้มองไม่เห็น)

ขี้เกียจโหลดจนตอนนี้ต้องใช้ JavaScript แอตทริบิวต์ใหม่สำหรับรูปภาพและ iframe เพิ่มการรองรับการโหลดแบบขี้เกียจในเบราว์เซอร์ที่รองรับ Google แนะนำการสนับสนุนแท็กขี้เกียจโหลดใหม่ ใน Chrome 76 ซึ่งเปิดตัวเมื่อปีที่แล้ว

Mozilla เพิ่มการรองรับการโหลดแบบขี้เกียจใน Firefox Nightly เวอร์ชันล่าสุดซึ่งเป็นเบราว์เซอร์เวอร์ชันพัฒนาที่ทันสมัย Lazy load ไม่ได้เปิดใช้งานโดยค่าเริ่มต้น แต่ผู้ใช้สามารถเปิดใช้งานได้ใน Firefox Nightly คุณลักษณะนี้จะเข้าสู่เบต้า, Dev และเวอร์ชันเสถียรของเว็บเบราว์เซอร์ Firefox ในที่สุด

ควบคุม Lazy Loading ใน Firefox

firefox lazy loading

นี่คือวิธีที่คุณควบคุมฟังก์ชันการโหลดแบบขี้เกียจใน Firefox:

  1. โหลด about: config ในแถบที่อยู่ของเบราว์เซอร์
  2. ยืนยันว่าคุณจะระมัดระวังหากหน้าคำเตือนตัวกลางแสดงขึ้น
  3. ค้นหา dom.image-lazy-loading.enabled
  4. สลับการตั้งค่าเพื่อให้ค่าเป็น True (เปิดใช้งาน)

คุณสามารถปิดการโหลดแบบขี้เกียจได้ตลอดเวลาโดยตั้งค่าการกำหนดลักษณะเป็น False ใน about: config โหลดไฟล์ ติดตามหน้าสาธิต เพื่อตรวจสอบว่าการรองรับการโหลดแบบขี้เกียจทำงานอย่างถูกต้องหรือไม่

lazy loading test

ขี้เกียจโหลดเมื่อเปิดใช้งานแล้วจะทำงานบนไซต์ที่ใช้แท็กสำหรับรูปภาพ WordPress มีแผนที่จะแนะนำการสนับสนุนคุณลักษณะการโหลดสำหรับรูปภาพในแพลตฟอร์มบล็อกยอดนิยมโดยค่าเริ่มต้นซึ่งจะเพิ่มการสนับสนุนโดยอัตโนมัติให้กับบล็อก WordPress เมื่อการเปลี่ยนแปลงเกิดขึ้นและบล็อกจะได้รับการอัปเดตเป็นเวอร์ชันใหม่

ผู้ดูแลเว็บที่ไม่ได้ใช้ WordPress อาจต้องเพิ่มแท็กด้วยตนเองหรือโดยใช้สคริปต์ เพียงแค่เพิ่ม load = 'lazy' ให้กับรูปภาพหรือ iframe เพื่อใช้ประโยชน์จากคุณสมบัติใหม่

ปิดคำ

การผสานรวมแบบเนทีฟของการโหลดรูปภาพและ iframe ในเว็บเบราว์เซอร์และการรองรับแอตทริบิวต์ใหม่โดย WordPress ควรผลักดันคุณลักษณะนี้อย่างมาก การโหลดแบบขี้เกียจของ JavaScript มีปัญหาบางอย่างที่เกี่ยวข้อง แต่เนื่องจากการรวมแบบเนทีฟ จำกัด การรองรับอิมเมจและ iframe จึงไม่ควรได้รับผลกระทบจากสิ่งเหล่านี้ส่วนใหญ่

ตอนนี้คุณ : คุณใช้เวลาอะไรในการโหลดแบบขี้เกียจ? (ผ่าน Techdows )