หมวดไฟฟ้า/อิเล็กทรอนิกส์/คอมพิวเตอร์ => ห้องคอมพิวเตอร์ => Programming => ข้อความที่เริ่มโดย: Auto Man ที่ 31 ธันวาคม 2568, 05:15:02
-
การปรับปรุงประสิทธิภาพของเว็บไซต์ด้วย Image Lazy Loading
ตรงนี้มีภาพ! แต่ท่านจะมองไม่เห็น , ท่านต้อง สมัครสมาชิก หรือ ลงชื่อเข้าระบบ
Lazy Loading คืออะไร
หลายปีที่ผ่านเว็บไซต์ได้พัฒนาขึ้นในระหว่างปี 2011 ถึง 2019 แล้วพบว่าจำนวนและขนาดของเนื้อหาที่ส่งถึงผู้ใช้เพิ่มขึ้นอย่างมาก
น้ำหนักทรัพยากรเฉลี่ยเพิ่มขึ้นจาก 100KB เป็น 400KB สำหรับเดสก์ท็อป และ สำหรับมือถือ 50KB เป็น 350KB ในส่วนของรูปภาพ
สำหรับเดสก์ท็อปนั้น เพิ่มขึ้นจาก 250KB เป็น 900KB สำหรับมือถือ เพิ่มขึ้นจาก 100KB to 850KB Lazy Loading จึงจำเป็น
สำหรับเว็บไซต์และมีเนื้อหาค่อนข้างมาก
Lazy loading เป็นวิธีการที่ทำการโหลดข้อมูลที่จำเป็นมาก่อน ไม่ว่าจะเป็นรูปภาพ วิดีโอ หรือส่วนเนื้อหาต่าง ๆ โดยเนื้อหาทำการโหลด
และแสดงผลก็ต่อเมื่อผู้ใช้ทำการเลื่อน Scroll ลงมา ซึ่งจะเป็นเทคนิคทำให้เว็บไซต์มีความเร็วมากขึ้นหรือก็คือส่ง request ไปเรียกไฟล์
assets ทั้งหมดที่ใช้ในเพจพร้อมกันตั้งแต่ตอนโหลด ก็เปลี่ยนเป็นการส่ง request ออกไปเมื่อ “จำเป็น” เท่านั้น
อ่านต่อที่นี่... (https://www.borntodev.com/2024/06/17/lazy-load-%E0%B9%80%E0%B8%9E%E0%B8%B4%E0%B9%88%E0%B8%A1%E0%B8%9B%E0%B8%A3%E0%B8%B0%E0%B8%AA%E0%B8%B4%E0%B8%97%E0%B8%98%E0%B8%B4%E0%B8%A0%E0%B8%B2%E0%B8%9E/)