ฐานความรู้

Lazy Loading

เว็บไซต์บางเว็บค่อนข้างยาว บางส่วนของเว็บไซต์ไม่จำเป็นต้องโหลด ถ้าผู้ใช้งานยัง scroll ลงไปไม่ถึง

หลักการของ lazy loading คือจะโหลด asset เมื่ออยู่ใน viewport เท่านั้น ทำให้เว็บไซต์ของเราโหลดไวขึ้นมาก  เพราะส่ง request ไปเรียกไฟล์ asset จาก web hosting server เท่าที่จำเป็นเท่านั้น คือเมื่อต้องถูกแสดงผลบนหน้าจอ

แนะนำให้ใช้ Javascript library Lazy Load หรือ Lazysizes

lazy loading เป็นเทคนิกเพิ่มความเร็วให้กับเว็บที่ทำได้ไม่ยาก แต่เพิ่มความเร็วในการโหลดเว็บได้มากพอสมควร โดยเฉพาะบางหน้าเว็บไซต์ที่ค่อนข้างยาว

นอกจากการทำ lazy load แล้วเราควรหา web hosting คุณภาพเพื่อให้เว็บไซต์ของเราโหลดเร็วขึ้น