เลื่อนเวลาโหลดรูปภาพนอกหน้าจอ

ส่วนโอกาสของรายงาน Lighthouse แสดงรายการรูปภาพนอกหน้าจอหรือรูปภาพที่ซ่อนไว้ทั้งหมดในหน้าเว็บของคุณ พร้อมกับการประหยัดค่าใช้จ่ายที่เป็นไปได้จำนวนกิบิไบต์ (KiB) พิจารณาโหลดรูปภาพเหล่านี้แบบ Lazy Loading หลังจากที่ทรัพยากรที่สำคัญทั้งหมดโหลดเสร็จแล้วเพื่อลดเวลาในการตอบสนอง

โปรดดูการโหลดรูปภาพนอกหน้าจอแบบ Lazy Loading ด้วย Codelab lazysizes ด้วย

คำแนะนำเฉพาะสแต็ก

AMP

โหลดรูปภาพแบบ Lazy Loading โดยอัตโนมัติด้วย amp-img ดูคู่มือรูปภาพ

Drupal

ลองกำหนดค่ารูปภาพแบบ Lazy Loading ใน Drupal เครื่องมือจัดรูปแบบช่องสำหรับรูปภาพรองรับ lazy หรือ eager

Joomla

ติดตั้งปลั๊กอินการโหลดแบบ Lazy Loading ของ Joomla ที่จะช่วยให้เลื่อนเวลาโหลดรูปภาพนอกจอภาพได้ หรือเปลี่ยนไปใช้เทมเพลตที่มีฟังก์ชันดังกล่าว ตั้งแต่ Joomla 4.0 เป็นต้นไป คุณเปิดใช้ปลั๊กอินสำหรับการโหลดแบบ Lazy Loading โดยเฉพาะได้ โดยใช้ปลั๊กอิน "เนื้อหา - รูปภาพสำหรับการโหลดแบบ Lazy Loading" และอาจลองใช้ปลั๊กอิน AMP ด้วย

Magento

ลองแก้ไขเทมเพลตผลิตภัณฑ์และแคตตาล็อกเพื่อใช้ประโยชน์จากฟีเจอร์การโหลดแบบ Lazy Loading ของแพลตฟอร์มเว็บ

WordPress

ติดตั้งปลั๊กอิน WordPress แบบ Lazy Loading ที่จะช่วยให้เลื่อนเวลาโหลดรูปภาพนอกหน้าจอ หรือเปลี่ยนไปใช้ธีมที่มีฟังก์ชันดังกล่าวได้ และอาจลองใช้ปลั๊กอิน AMP ด้วย

แหล่งข้อมูล

• ซอร์สโค้ดสําหรับการตรวจสอบเลื่อนเวลาโหลดรูปภาพนอกจอภาพ