Tags:
Node Thumbnail

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

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

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

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

No Description

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

Get latest news from Blognone

Comments

By: port on 10 May 2019 - 21:33 #1109278

น่ารอดูผล JavaScript กินทรัพยากรไม่เคยเปลี่ยน

By: PikaboyZ
Android
on 11 May 2019 - 14:41 #1109326

ต้องเขียนรองรับ browser อื่นอยู่ดี 555

By: mrkad
AndroidUbuntuWindows
on 12 May 2019 - 14:57 #1109430 Reply to:1109326
mrkad's picture

+1