cargo-906193_1280 Cropped

เราลองใช้งานจริงสำหรับการทำ Lazy Load กับ wordpress website พบว่าสามารถทำให้การ request content media ประภาพรูปภาพ ให้แสดงเฉพาะที่จำเป็นช่วยให้เว็บไซต์โหลดได้เร็วขึ้นมากเทคนิคนี้ควรจะถูกนำมาใช้กับเว็บของคุณ เพราะเมื่อเว็บไซต์มีเนื้อหามากๆขึ้น อย่างยิ่งรูปภาพจะทำให้เว็บโหลดช้า

การทำ Lazy Load ลด request  ทำให้เว็บเร็วขึ้น

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

เทคนิค Ajax ถูกนำมาใช้ในการดึงข้อมูลเฉพาะส่วน ถ้ามีควาใชำนาญการนำเทคนิคเหล่านี้มาใช้จะมีการวางแผนถึงเรื่องของ search engine , SEO ด้วย

การทำ LazyLoad ด้วย jQuery Plugin

<img class="lazy" data-original="img/example.jpg" width="640" height="480">

$(function() {
    $("img.lazy").lazyload();
});

เป็น jQuery Plugin ที่ใช้งานง่าย มีขนาดเล็กไม่ถึง 5 Kb รองรับการ scroll ลงไปดู content เพิ่มเติม