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

เริ่มโดย stjames, 14 พฤษภาคม 2019, 22:43:39

หัวข้อก่อนหน้า - หัวข้อถัดไป

0 สมาชิก และ 1 ผู้มาเยือน กำลังดูหัวข้อนี้

stjames


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

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



ที่มา: http://www.atimedesign.com/webdesign/chrome-lazy-load/
ผมไปซื้อกล้วยแขกที่ตลาดนัด
แม่ค้าถามว่า "พี่เอามันมั้ยคะ" 
จะตอบยังไงดี...

[direct=http://www.atimenews.com/]อ่านบทความจาก atimeNews อัพเดททุกวัน[/direct] + backlink สักเล็กน้อย ~♩ ♪ [direct=http://www.atimedesign.com/]รับทำเว็บไซต์[/direct]


Twenty-One

# บริการโฮสติ้งขั้นเทพ 24/7 เปิดให้บริการ web hosting มาแล้ว 14 ปี ลูกค้ากว่า 40,000 ราย ให้ความไว้วางใจ
# [direct=https://www.hostneverdie.com]hosting[/direct] คุณภาพสูง ดูแลระบบโดย system engineer ประสบการณ์สูง
# [direct=https://www.hostneverdie.com]host[/direct] เร็ง แรง ไม่มีล่ม ติดตั้ง cms ฟรี
# [direct=https://www.hostneverdie.com/vps-server]vps[/direct] ราคาถูก 50GB 999 บาท

[direct=https://www.hostneverdie.com][/direct]

CherryX

***ลายเซ็นสูงเกินขนาด

Bes


[direct=https://client.hostsevenplus.com/aff.php?aff=396]✔ แนะนำ Hosting และ VPS ราคาเริ่มต้น 277 บาทฟรี! SSL ซัพพอทคุยง่าย[/direct]

[direct=https://www.bitkub.com/signup?ref=512782]✔ ซื้อบิทคอยที่ Bitkub (ได้รับการรับรองจาก กลต.)[/direct]


Natth40

[direct=https://www.pipekanok.com]ท่อ pvc[/direct]
[direct=https://www.pipekanok.com/products//]ขายส่งท่อ pvc[/direct]
[direct=https://www.pipekanok.com/ข้อต่อpvcตรามืองานรับแรงดัน//]ข้อต่อ pvc[/direct]
[direct=https://www.pipekanok.com/about-us//]โรงงานผลิตท่อ pvc[/direct]
[direct=https://www.pipekanok.com/ท่อพีอี//]ท่อ pe[/direct]


ste

แล้วพวกกรณีใช้ code lazy โหลดเก่าๆจะมีผลอะไรไหมครับเนี่ย

forexinthai

[direct=https://www.forexinthai.com/]Forex ประเทศไทย[/direct] [direct=https://www.forexinthai.com/how-to-register-open-real-account-exness/]วิธีการ เปิดบัญชี Forex[/direct] [direct=https://www.forexinthai.com/7356/]เทรด Forex มือใหม่ เริ่มต้นที่นี่[/direct] [direct=https://www.forexinthai.com/2068/]โบรกเกอร์ Forex ไหนดี 2024[/direct][direct=https://groups.google.com/g/forex-thailand/]กลุ่ม forex ประเทศไทย[/direct]

nst_nk


  ◤◤ รับเขียนระบบต่างๆครับ เช่น ระบบ Shipping , ร้านค้าออนไลน์ , อสังหาริมทรัพย์ , ระบบจัดการหลังบ้านทุกประเภท  สอบถามได้ครับ Line : bigznst ◥◥

aodify

[direct=http://www.myhappyy.com/]MyHappyy[/direct] - Heathly & Beauty


tarrekup

แนะนำเครื่องมือ :

|||| โฮสต์ไทย ถูก & ดี   [direct=https://tinyurl.com/y29aoowv] คลิก [/direct]
|||| จดโดเมนที่ namecheap   [direct=https://bit.ly/3nuYxDM] คลิก[/direct]



okwalkrally

กู๊ดไทม์ ทราเวลเลอร์ให้บริการรับจัดกรุ๊ปท่องเที่ยวประจำปี รับจัดcampanytrip กรุ๊ปทัวร์หมู่คณะและรับจัดกิจกรรมwalkrallyโดยทีมงานมืออาชีพ

บริการให้รับจัดกีฬาสี ให้กับกลุ่มคณะและองกรณ์ต่างๆด้วยคุณภาพ