เว็บเบราว์เซอร์ที่ใช้ Google Chrome และ Chromium รับคุณลักษณะใหม่ในการปรับปรุงประสิทธิภาพ 'iframe Lazy Loading'

Google Chrome

Google Chrome และเว็บเบราว์เซอร์ทั้งหมดที่ใช้ฐาน Chromium เช่น Edge, Opera, Vivaldi, Brave และอื่น ๆ ของ Microsoft จะรองรับคุณลักษณะใหม่ที่จะช่วยปรับปรุงประสิทธิภาพโดยรวม ขณะนี้เบราว์เซอร์เหล่านี้มีความสามารถในการรองรับ 'การโหลดเนื้อหา iframe แบบเกียจคร้าน' คุณลักษณะใหม่นี้ควรช่วยในการสร้างสมดุลและปรับปรุงประสิทธิภาพของเว็บเบราว์เซอร์เหล่านี้โดยการจัดเรียงและกำหนดเวลาการโหลดเนื้อหาเว็บอย่างชาญฉลาด

Google ได้ปรับปรุงฐาน Chromium ที่ขับเคลื่อนเว็บเบราว์เซอร์ยอดนิยมบางส่วน ตอนนี้แกนหลักรองรับ 'iframe lazy loading' คุณลักษณะนี้มีความสำคัญสำหรับการโหลดหน้าเว็บขนาดใหญ่ที่มีเนื้อหาจำนวนมาก การโหลดอย่างขี้เกียจจะป้องกันไม่ให้โหลดเนื้อหาพร้อมกันซึ่งทำให้เบราว์เซอร์เป็นภาระ นอกจากนี้การโหลดพร้อมกันอาจส่งผลเสียต่อประสิทธิภาพของเว็บเบราว์เซอร์และในที่สุดพีซี

ฟีเจอร์ 'iframe Lazy Loading' ของ Chromium เพื่อให้แน่ใจว่าการทำงานของหน้าเว็บในเบราว์เซอร์เป็นไปอย่างราบรื่น:

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

จากมุมมองทางเทคนิคการโหลดแบบขี้เกียจจะ จำกัด เบราว์เซอร์ไม่ให้โหลดเนื้อหาบางอย่างจนกว่าจะเข้าถึงโดยผู้ใช้หรืออยู่ในช่วงการเลื่อน เมื่อโหลดหน้าเว็บเป็นครั้งแรกเนื้อหาที่มองไม่เห็นครึ่งหน้าล่างอาจเป็น 'ขี้เกียจโหลด' เมื่อผู้ใช้เลื่อนลงเนื้อหาจะถูกโหลดในขณะที่การเลื่อนเกิดขึ้น

เบราว์เซอร์ Chromium รองรับ iframe lazy loading ทันทีเพื่อรองรับประสิทธิภาพ #ขี้เกียจ #โครเมียม #Covidioten https://t.co/3BepsAwEz9 pic.twitter.com/yRPKble0W5

- ghacksnews (@ghacks) 25 กรกฎาคม 2020

คุณลักษณะ“ ขี้เกียจโหลด iframes” ในเว็บเบราว์เซอร์ที่ใช้ Chromium ใช้เทคนิคเดียวกัน อย่างไรก็ตามเป็นสิ่งสำคัญสำหรับผู้ดูแลเว็บหรือนักออกแบบเว็บไซต์ที่จะต้องใช้แอตทริบิวต์ loading = 'lazy' สำหรับ iframe ในโค้ดของไซต์ แอตทริบิวต์นี้แจ้งเบราว์เซอร์ว่าไม่ควรโหลดเนื้อหาทันทีและสามารถโหลดได้ตามรูปแบบการเลื่อน

ไม่จำเป็นต้องเพิ่มจนกว่าเมื่อเร็ว ๆ นี้เบราว์เซอร์ที่ไม่รองรับ 'การโหลดแบบขี้เกียจ' จะเพิกเฉยต่อแอตทริบิวต์และโหลดเนื้อหาให้มากที่สุดเท่าที่จะทำได้หรือเข้าถึงได้ สิ่งนี้สร้างความกดดันให้กับเว็บเบราว์เซอร์และในที่สุดพีซีหรืออุปกรณ์ที่เปิดใช้งานอินเทอร์เน็ตไม่ว่าจะเป็นสมาร์ทโฟนแท็บเล็ต ฯลฯ ในขณะที่อุปกรณ์ที่มี RAM จำนวนมากและ CPU ที่ทรงพลังจะไม่มีผลมากนักจากการโหลด เนื้อหาจำนวนมากพร้อมกันอุปกรณ์ที่มี RAM จำกัด หรือต่ำและ CPU น้ำหนักเบาอาจได้รับผลกระทบในทางลบ

ในทางกลับกันเบราว์เซอร์ที่รองรับ 'ขี้เกียจโหลด' จะจัดการการโหลดตามนั้น อนึ่ง Mozilla Firefox มีความสามารถในการรองรับคุณลักษณะนี้นับตั้งแต่เวอร์ชัน 75 เปิดตัว Firefox อยู่ในเวอร์ชัน v78 (เสถียร)

ขี้เกียจโหลดมีผลกระทบเชิงบวกมากแค่ไหนในเว็บเบราว์เซอร์?

Google ทำการทดสอบสองสามครั้งเพื่อตัดสินผลกระทบของการโหลด iframe บนเว็บเบราว์เซอร์ที่ขี้เกียจ ต่อไปนี้เป็นข้อสังเกต:

• การโหลด YouTube แบบไม่ได้ตั้งใจจะช่วยประหยัดได้ประมาณ 500 กิโลไบต์ในการโหลดหน้าเว็บครั้งแรก
• บน Chrome.com Google สามารถลดเวลาในการโหลดลง 10 วินาทีบนอุปกรณ์เคลื่อนที่เมื่อเพิ่มแอตทริบิวต์ lazy ลงใน YouTube ที่ฝังไว้ในหน้า
• การโหลดอินสตาแกรมแบบขี้เกียจช่วยประหยัดได้ประมาณ 100 กิโลไบต์ในการโหลดครั้งแรก
• ขี้เกียจโหลด Spotify ฝังช่วยประหยัด 514 กิโลไบต์ในการโหลดครั้งแรก

https://twitter.com/PickJBennett/status/1116776399988121600

แม้ว่าผลลัพธ์อาจแตกต่างกันไป แต่การโหลด iframe นอกหน้าจอแบบขี้เกียจมักทำให้ประหยัดข้อมูลเฉลี่ย 2-3 เปอร์เซ็นต์การระบายสีเนื้อหาแบบเต็ม 1-2 เปอร์เซ็นต์แรกและความล่าช้าในการป้อนข้อมูลครั้งแรก 2 เปอร์เซ็นต์ Google ยังตั้งข้อสังเกตว่ามีความเป็นไปได้ที่จะใช้ไฟล์ กำลังโหลดแอตทริบิวต์สำหรับโฆษณาบนเว็บไซต์ . พูดง่ายๆคือ Google อาจระบุว่าจะใช้คุณลักษณะนี้ได้อย่างไร เลือกโหลดโฆษณา .