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

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

This post was originally published on this site

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

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

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

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

No Description

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

Source: http://shop.9pi.co.th/en_US/2019/05/10/chrome-%e0%b8%88%e0%b8%b0%e0%b8%a3%e0%b8%ad%e0%b8%87%e0%b8%a3%e0%b8%b1%e0%b8%9a-lazy-load-%e0%b8%a3%e0%b8%b9%e0%b8%9b%e0%b8%a0%e0%b8%b2%e0%b8%9e%e0%b8%97%e0%b8%b5%e0%b9%88%e0%b8%95%e0%b8%b1%e0%b8%a7/