Chrome จะรองรับ Lazy Load รูปภาพที่ตัวเบราว์เซอร์เลย ไม่ต้องเขียนโค้ดอีกแล้ว

by mk
10 May 2019 - 09:54

นักพัฒนาเว็บคงรู้จักเทคนิคการทำ lazy load ซึ่งเป็นการดาวน์โหลดรูปภาพบนเว็บเพจมาแสดงแค่เฉพาะบางรูปก่อน ทำให้ไม่ต้องรอดาวน์โหลดรูปครบทุกรูปในเพจ ช่วยให้เว็บเพจแสดงผลได้เร็วขึ้น

ข้อจำกัดของการทำ lazy load คือต้องใช้ JavaScript หรือเทคนิค CSS เข้าช่วย และต้องทดสอบกับเว็บเบราว์เซอร์หลายตัว

ปัญหานี้กำลังจะหมดไป เมื่อกูเกิลประกาศบนเวทีงาน Google I/O ว่า Chrome จะรองรับการทำ lazy load ที่ตัวเบราว์เซอร์เลย สิ่งที่นักพัฒนาเว็บต้องทำมีเพียงแค่ใส่คุณสมบัติ loading="lazy" เข้าไปในแท็ก img เท่านั้น ที่เหลือ Chrome จะจัดการเลือกรูปที่เหมาะสมมาแสดงให้เอง โดยไม่ต้องเขียนโค้ดใดๆ

ตอนนี้ฟีเจอร์นี้ใช้ได้แล้วใน Chrome Canary

ดูการสาธิตได้ในนาทีที่ 27

Blognone Jobs Premium