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

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

ภาพหน้าจอของการตรวจสอบรูปภาพนอกหน้าจอของ Lighthouse Defer

โปรดดูรูปภาพนอกหน้าจอสำหรับการโหลดแบบ Lazysizes Codelab

คำแนะนำเฉพาะกลุ่ม

AMP

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

Drupal

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

จูมลา

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

Magento

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

WordPress

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

แหล่งข้อมูล