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

หัวข้อกระทู้ ใน 'เทคโนโลยี' เริ่มโพสต์โดย iPokz, 10 พฤษภาคม 2019.

  1. iPokz

    iPokz ~" iPokz "~ Staff Member

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

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

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

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

    [​IMG]

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

    Topics: ChromeBrowserGoogleDevelopment
     

แบ่งปันหน้านี้