Chrome เพิ่ม lazyload จัดการโหลดรูปให้เอง โดยไม่ต้องเขียนโค้ดใดๆ

จากงาน Google I/O ที่ผ่านมา ก็มีข่าวการเปิดตัวฟีเจอร์ใหม่ๆ ของ Google ออกมาเรื่อยๆ โดยในส่วนของเว็บไซต์ Google ก็ได้ออกมาประกาศว่า Chrome จะรองรับการทำ lazyload ที่ตัวเบราว์เซอร์เองเลย แค่เพียงคนทำเว็บไซต์เขียนโค๊ดเข้าไปต่อหลังแท็ก image แบบนี้ <img src="io2019ftw.png" alt="Google I/O 2019" loading="lazy"> เพียงเท่านี้เอง เมื่อเวลาใช้ Chrome เปิดหน้าเว็บไซต์ขึ้นมามันก็จะทำการค่อยๆ โหลดรูปให้เราเองตามการสไลด์หน้าจอดูลงไปเรื่อยๆ

แต่เดิมนั้น วิธีการทำ lazyload เป็นการค่อยๆ ดาวน์โหลดรูปภาพบนเว็บไซต์มาแสดงให้เราเพื่อที่จะให้ไม่ต้องรอดาวน์โหลดรูปครบทุกรูปในเว็บไซต์ ซึ่งจะช่วยให้เว็บไซต์แสดงผลได้เร็วขึ้น แต่ต้องใช้คำสั่ง JavaScript เข้ามาร่วมด้วย แต่ตอนนี้ไม่ต้องแล้ว Chrome จัดการให้เองเลยจ้า