Google กำลังดำเนินการขั้นสุดท้ายสำหรับฟีเจอร์ทางเทคนิคใหม่ Chrome 148 สัญญาว่าจะเปลี่ยนแปลงวิธีการโหลดวิดีโอและไฟล์เสียงบนเว็บเบราว์เซอร์จะหน่วงเวลาการดาวน์โหลดทรัพยากรมัลติมีเดียเหล่านี้อย่างชาญฉลาด จนกว่าจะมีการใช้งานจริง โดยมีจุดประสงค์เพื่อปรับปรุงประสิทธิภาพของหน้าเว็บและลดการใช้ข้อมูล โดยเฉพาะอย่างยิ่งในการเชื่อมต่อผ่านอุปกรณ์เคลื่อนที่
แนวคิดนี้ไม่ใช่เรื่องใหม่เสียทีเดียว: ตั้งแต่ปี 2019 เป็นต้นมา Chrome และเบราว์เซอร์อื่นๆ ที่ใช้ Chromium เป็นพื้นฐานได้เริ่มนำแนวคิดนี้มาใช้แล้ว การโหลดรูปภาพและ iframe แบบ Lazy Loadingสิ่งที่กำลังนำเสนอในขณะนี้คือการขยายตรรกะเดียวกันนั้นไปใช้กับองค์ประกอบต่างๆ y ซึ่งโดยปกติแล้วจะมีน้ำหนักมากกว่าและส่งผลกระทบต่อความเร็วในการโหลดเริ่มต้นมากกว่า
การโหลดแบบหน่วงเวลาคืออะไร และจะนำไปใช้กับวิดีโอและเสียงได้อย่างไร?
La ขี้เกียจโหลด เป็นเทคนิคที่ประกอบไปด้วย เลื่อนการดาวน์โหลดและการเริ่มต้นใช้งานทรัพยากรบางอย่างออกไปจนกว่าผู้ใช้จะเลื่อนเมาส์เข้าไปใกล้ทรัพยากรเหล่านั้นแทนที่จะแสดงทุกอย่างพร้อมกันเมื่อเปิดหน้าเว็บ เบราว์เซอร์จะเน้นแสดงเนื้อหาที่มองเห็นได้ก่อน และจะแสดงเนื้อหาที่อยู่นอกหน้าจอในภายหลัง
ในทางปฏิบัติ เมื่อเว็บไซต์มีวิดีโอหรือไฟล์เสียงแสดงอยู่ด้านล่างของหน้าจอแรก เบราว์เซอร์ที่มีฟีเจอร์ใหม่นี้จะ... ระบบจะไม่เริ่มดาวน์โหลดหรือเตรียมไฟล์ทันทีโปรแกรมจะรอจนกว่าผู้ใช้จะเคลื่อนที่ออกห่างจากแหล่งข้อมูลนั้นในระยะที่กำหนดก่อนจึงจะเริ่มโหลด วิธีนี้ช่วยหลีกเลี่ยงการดาวน์โหลดสื่อที่ไม่จำเป็นซึ่งอาจไม่เคยถูกดูหรือเล่นเลย
จนถึงปัจจุบัน นักพัฒนาซอฟต์แวร์จำนวนมากพึ่งพา... โซลูชันแบบกำหนดเองใน JavaScript ที่ผสานรวมเครื่องมือต่างๆ เช่น Intersection Observer กับการโหลดแอตทริบิวต์แบบไดนามิก สิ่งอำนวยความสะดวกเป็นวิธีที่ถูกต้องในการให้ผลลัพธ์ที่คล้ายคลึงกัน แต่ทำให้โค้ดซับซ้อนขึ้นและไม่ผสานรวมเข้ากับการปรับแต่งภายในของเบราว์เซอร์ได้ดีเท่าที่ควร
ด้วยการใช้งานรูปแบบใหม่นี้ Chrome จะอนุญาตให้... ใช้แอตทริบิวต์โดยตรง กำลังโหลด "ขี้เกียจ" ในแท็กวิดีโอและเสียงเช่นเดียวกับรูปภาพและองค์ประกอบอื่นๆ นั่นจะเป็นเบาะแสที่เบราว์เซอร์ใช้ในการตัดสินใจว่าทรัพยากรมัลติมีเดียใดบ้างที่สามารถเลื่อนการแสดงผลได้ และเมื่อใดจึงจะดึงข้อมูลเหล่านั้นมาใช้
ตามข้อมูลที่รวบรวมไว้ในแผนงานของแพลตฟอร์ม Chromium เริ่มพัฒนาความสามารถนี้ตั้งแต่ต้นปีฟีเจอร์นี้ได้ผ่านขั้นตอนการพัฒนาภายในหลายขั้นตอนแล้ว เป้าหมายคือการปรับปรุงทั้งลักษณะการแสดงผลและการทำงานร่วมกับระบบการโหลดของเบราว์เซอร์ส่วนอื่นๆ
มีการเปลี่ยนแปลงอะไรบ้างใน Chrome 148 และเบราว์เซอร์อื่นๆ ที่ใช้ Chromium เป็นพื้นฐาน
ฟีเจอร์ใหม่นี้จะเปิดใช้งานโดยอัตโนมัติในระบบ 148 Chromeหลักการนี้ใช้ได้ทั้งกับคอมพิวเตอร์และอุปกรณ์พกพา รวมถึง WebView ซึ่งเป็นคอนเทนเนอร์ที่แอปพลิเคชันจำนวนมากใช้แสดงเนื้อหาเว็บ ตามเอกสารของ Google ฟีเจอร์นี้กำลังอยู่ระหว่างการทดสอบในเวอร์ชันพัฒนาต่างๆ เช่น Chrome 147 และมีแผนจะปล่อยเวอร์ชันเสถียรในเวอร์ชันถัดไป โดยจะทยอยปล่อยออกมาทีละขั้นตอน ซึ่งอาจจะแล้วเสร็จประมาณกลางเดือนเมษายน ทั้งนี้อาจมีการเปลี่ยนแปลงได้เสมอ
ด้วยการผสานรวมเข้ากับโค้ดของ Chromium โดยตรง การปรับปรุงจึงเกิดขึ้น จะไม่จำกัดเฉพาะ Google Chrome เท่านั้นเบราว์เซอร์ที่ใช้ฐานเดียวกัน เช่น Microsoft Edge, Brave, Opera หรือ Vivaldiนอกจากนี้ พวกเขายังสามารถใช้ประโยชน์จากการปรับปรุงประสิทธิภาพนี้ได้เมื่ออัปเกรดเป็นเวอร์ชันที่มีฟังก์ชันการโหลดแบบ Lazy Loading สำหรับสื่อต่างๆ
ควรสังเกตว่า เนื้อหามัลติมีเดียทั้งหมดจะไม่ได้รับผลกระทบในลักษณะเดียวกันโดยทั่วไปแล้ว วิดีโอ YouTube ที่ฝังโดยใช้ iframe มักได้รับประโยชน์จากการโหลดแบบ lazy loading สำหรับ iframe ในเบราว์เซอร์ที่ใช้ Chromium มานานแล้ว ดังนั้นในกรณีเหล่านั้น การเปลี่ยนแปลงจึงจะสังเกตเห็นได้น้อยลง ผลกระทบจะมากขึ้นในเว็บไซต์ที่ใช้แท็กโดยตรง y เหมาะสำหรับการทำสำเนาเนื้อหา
นอกจากนี้ Google ยังชี้ให้เห็นว่า การโหลดแบบ Lazy Loading สำหรับวิดีโอและเสียงโดยระบบจะคำนึงถึงคุณลักษณะอื่นๆ ด้วย เช่น เล่นอัตโนมัติ y Preloadกล่าวอีกนัยหนึ่ง เบราว์เซอร์จะพยายามสร้างสมดุลระหว่างการประหยัดทรัพยากรกับพฤติกรรมที่ผู้พัฒนาคาดหวังสำหรับผู้เล่นแต่ละคน เพื่อลดความประหลาดใจที่อาจเกิดขึ้นกับประสบการณ์ของผู้ใช้ให้น้อยที่สุด
อีกประเด็นสำคัญคือระบบ จะป้องกันการปิดกั้นกิจกรรม หน้าต่างโหลด โดยใช้ทรัพยากรมัลติมีเดียที่อยู่นอกเหนือขอบเขตที่มองเห็นได้ในเว็บไซต์ที่มีคลิปวิดีโอ เครื่องเล่นฝังตัว หรือแทร็กเสียงจำนวนมาก การตั้งค่าเหล่านี้อาจส่งผลต่อความเร็วในการโหลดหน้าเว็บได้
ผลกระทบต่อความเร็วในการโหลด ข้อมูลมือถือ และ RAM
ผลลัพธ์ที่เห็นได้ชัดที่สุดจากการปรับปรุงนี้คือ: หน้าเว็บที่มีองค์ประกอบมัลติมีเดียมากมายกระจายอยู่ทั่วเนื้อหาแทนที่จะพยายามดาวน์โหลดไฟล์ทั้งหมดพร้อมกันทันทีที่คุณเข้าใช้งาน เบราว์เซอร์สามารถมุ่งเน้นไปที่ข้อความ รูปภาพเริ่มต้น และทรัพยากรที่จำเป็นก่อน แล้วจึงดาวน์โหลดส่วนที่เหลือในภายหลัง
นั่นหมายความว่า เวลาในการโหลดเริ่มต้นสั้นลง การใช้แบนด์วิดท์น้อยลง และภาระของ RAM น้อยลงเรื่องนี้สำคัญอย่างยิ่งสำหรับโทรศัพท์มือถือที่มีทรัพยากรจำกัดหรือแพ็กเกจข้อมูลที่มีปริมาณจำกัดรายเดือน ผู้ใช้จำนวนมากในสเปนและประเทศอื่นๆ ในยุโรปยังคงใช้งานอินเทอร์เน็ตด้วยงบประมาณที่จำกัดหรือในพื้นที่ที่มีสัญญาณไม่เสถียร ดังนั้นการหลีกเลี่ยงการดาวน์โหลดที่ไม่จำเป็นทุกครั้งจึงถือเป็นเรื่องดี
ในแง่ของประสบการณ์ ผู้ใช้รับรู้ว่า หน้าเว็บตอบสนองเร็วขึ้น และคุณสามารถเริ่มอ่านได้โดยที่เบราว์เซอร์ไม่ค้างขณะโหลดวิดีโอในพื้นหลังแม้ว่าคุณอาจจะไม่เห็นการเปลี่ยนแปลงใดๆ ในอินเทอร์เฟซ หรือได้รับการแจ้งเตือนเกี่ยวกับฟีเจอร์ใหม่ แต่คุณจะสังเกตได้ว่าเว็บไซต์ขนาดใหญ่บางแห่งจะตอบสนองได้เร็วขึ้นเล็กน้อย
นอกจากนี้ Google ยังชี้ให้เห็นว่า การใช้งานแบบเนทีฟช่วยให้การโหลดมีประสิทธิภาพสูงสุดโดยอิงตามสถานะของเครือข่ายกลไกของเบราว์เซอร์สามารถกำหนดเกณฑ์ที่แตกต่างกันได้ ขึ้นอยู่กับว่าการเชื่อมต่อเร็วหรือช้า หรือตรวจพบคำขอที่กำลังดำเนินการอยู่จำนวนมาก ซึ่งเป็นเรื่องยากที่จะจำลองสถานการณ์นี้ด้วยสคริปต์ภายนอก เนื่องจากสคริปต์ภายนอกไม่สามารถเข้าถึงข้อมูลภายในของกระบวนการโหลดได้เช่นเดียวกัน
การลดการดาวน์โหลดรายการที่ผู้ใช้อาจไม่เคยได้เห็น ถือเป็นประโยชน์เพิ่มเติมอีกประการหนึ่ง การใช้แคชและไปป์ไลน์การเรนเดอร์ที่มีประสิทธิภาพมากขึ้นในระยะยาว รายละเอียดเหล่านี้จะช่วยให้ประสบการณ์การใช้งานราบรื่นยิ่งขึ้น แม้ว่าการเปลี่ยนแปลงจะไม่เห็นได้ชัดเจนมากนักในแต่ละหน้าก็ตาม
แล้วเรื่องนี้จะส่งผลกระทบต่อเหล่านักพัฒนาเว็บและระบบนิเวศของ Chromium อย่างไร?
จากมุมมองของผู้สร้างเว็บไซต์ การมาถึงของฟีเจอร์ใหม่นี้หมายถึง... การปรับปรุงวิธีการจัดการทรัพยากรมัลติมีเดียให้ง่ายขึ้นอย่างมากจนถึงปัจจุบัน ผู้ที่ต้องการควบคุมเวลาในการโหลดวิดีโอหรือไฟล์เสียงอย่างละเอียด ต้องใช้ JavaScript เป็นหลัก พร้อมด้วยตรรกะเพิ่มเติมเพื่อตรวจจับตำแหน่งบนหน้าจอ
ด้วย API ใหม่นี้ เพียงแค่เพิ่มแอตทริบิวต์ กำลังโหลด "ขี้เกียจ" ในแท็ก y เช่นเดียวกับที่ทำอยู่แล้วกับรูปภาพ เบราว์เซอร์จะจัดการส่วนที่เหลือโดยอัตโนมัติ โดยใช้หลักการของตัวเองในการตัดสินใจว่าจะเริ่มดาวน์โหลดเมื่อใดโดยไม่รบกวนประสบการณ์การใช้งานของผู้ใช้
วิธีนี้มีข้อดีหลายประการ ได้แก่ ช่วยลดปริมาณโค้ดที่ต้องเขียนขึ้นเอง ข้อผิดพลาดที่อาจเกิดขึ้นในตรรกะการโหลดจะลดลงเหลือน้อยที่สุด และหลีกเลี่ยงการพึ่งพาไลบรารีภายนอกเพื่อจัดการพฤติกรรมของผู้เล่นโดยเฉพาะ นอกจากนี้ เบราว์เซอร์ยังสามารถประสานการโหลดนี้กับระบบของตนได้ดียิ่งขึ้น Preload และด้วยตัวสแกนทรัพยากรที่ทำงานก่อนแสดงผลหน้าเว็บ
ข้อเสนอที่จะรวมการโหลดแบบ Lazy Loading สำหรับวิดีโอและเสียงเข้าไว้ด้วยกันนั้น เกิดขึ้นจาก... ผู้มีส่วนร่วมอย่างแข็งขันในโครงการ Chromiumผู้ที่ทำงานเกี่ยวกับการเพิ่มประสิทธิภาพการทำงานประเภทนี้มาสักระยะหนึ่งแล้ว ข้อกำหนดกำลังได้รับการปรับปรุงภายในกลุ่มทำงานตามปกติ และถึงแม้ว่าจะยังสามารถปรับปรุงให้ดียิ่งขึ้นได้อีก แต่ Google ก็ได้นำเสนอข้อกำหนดนี้ในรูปแบบที่พร้อมใช้งานแล้ว เป็นการต่อยอดเชิงตรรกะของ API การโหลดแบบ Lazy Loading ที่นักพัฒนาคุ้นเคยกันมานานหลายปีแล้ว.
เช่นเดียวกับเกือบทุกอย่างที่รวมอยู่ในเอนจิ้น Chromium การเปลี่ยนแปลง ท้ายที่สุดแล้วจะเป็นประโยชน์ต่อเบราว์เซอร์หลากหลายประเภทและไม่ใช่แค่ใน Chrome เท่านั้น ในบริบทของยุโรป ที่ผู้ใช้จำนวนมากขึ้นเรื่อยๆ เปลี่ยนไปใช้เบราว์เซอร์ต่างๆ เช่น Edge, Brave, Opera หรือ Vivaldi การปรับปรุงที่เกิดขึ้นพร้อมกันเหล่านี้ยิ่งตอกย้ำความรู้สึกว่าส่วนใหญ่ของเว็บกำลังก้าวไปในจังหวะทางเทคโนโลยีเดียวกัน
สุดท้ายแล้วมันก็เกี่ยวกับ เป็นการอัปเดตแบบเงียบๆ อย่างหนึ่งที่ไม่เปลี่ยนแปลงรูปลักษณ์ของเบราว์เซอร์แต่การปรับปรุงเหล่านี้สามารถลดเวลา (หรืออย่างน้อยก็ลดความยุ่งยาก) ในการใช้งานประจำวันของคุณได้หลายวินาที โดยเฉพาะอย่างยิ่งในเว็บไซต์ที่มีเนื้อหามัลติมีเดียจำนวนมาก และในสภาพแวดล้อมที่หลายหน้าเว็บแข่งขันกันเพื่อดึงดูดความสนใจของผู้ใช้ การพัฒนาใดๆ ที่ทำให้ประสบการณ์การใช้งานเร็วขึ้นและไม่ยุ่งยากน้อยลงย่อมมีคุณค่าอย่างยิ่ง
ด้วยการมาถึงของฟีเจอร์ lazy loading สำหรับวิดีโอและเสียงใน Chrome 148 เบราว์เซอร์นี้จึงตอกย้ำบทบาทของตนในฐานะมาตรฐานด้านประสิทธิภาพภายในระบบนิเวศของเว็บ: ความเร็วในการเปิดหน้าเว็บดีขึ้น การใช้ข้อมูลและหน่วยความจำลดลง และการทำงานของนักพัฒนาซอฟต์แวร์ง่ายขึ้น ในขณะที่เบราว์เซอร์อื่นๆ ที่ใช้ Chromium ในสเปนและยุโรปเตรียมที่จะรับเอาการปรับปรุงประสิทธิภาพนี้ ซึ่งแม้จะไม่เป็นข่าวใหญ่ แต่ก็สามารถทำให้การท่องเว็บในชีวิตประจำวันสะดวกสบายขึ้นเล็กน้อย