Microsoft Edge เปิดตัว Network Efficiency Guardrails ตรวจสอบปัญหาการโหลด Resources บนเว็บแอป

นักพัฒนาเริ่มทดสอบระบบตรวจจับ Resource Loading ที่ไม่มีประสิทธิภาพได้แล้วบน Edge 146

ปัจจุบันเว็บแอปพลิเคชันส่วนใหญ่ถูกสร้างขึ้นจากส่วนประกอบย่อยๆ จำนวนมาก ซึ่งแต่ละส่วนมักจะมีการโหลดข้อมูลและ Resources ของตัวเองแยกกัน เมื่อส่วนประกอบเหล่านี้พยายามดึงข้อมูลผ่านการเชื่อมต่อเครือข่ายเดียวกันพร้อมๆ กัน อาจทำให้เกิดปัญหาคอขวดและส่งผลเสียต่อประสบการณ์การใช้งานของผู้ใช้ ล่าสุด Microsoft Edge จึงได้เปิดตัวฟีเจอร์ใหม่ Network Efficiency Guardrails เพื่อช่วยให้นักพัฒนาตรวจพบปัญหานี้ได้ง่ายขึ้น

ฟีเจอร์นี้ออกแบบมาเพื่อช่วยระบุว่า Resources ตัวไหนที่ควรถูกปรับแต่ง (Optimize) เพื่อลดเวลาการโหลดของแอป โดยเฉพาะในกรณีที่แอปมีการดึงเนื้อหาจากหลายแหล่งทั้ง First-party และ Third-party ซึ่งยากต่อการควบคุม ระบบจะคอยมอนิเตอร์และรายงานรูปแบบการโหลดที่ส่งผลกระทบต่อความเร็วโดยอัตโนมัติ

เกณฑ์ที่ใช้ตรวจจับรูปแบบการโหลดที่ไม่มีประสิทธิภาพ

ในเบื้องต้น Microsoft Edge จะอ้างอิงเกณฑ์การตรวจจับจากข้อมูลการใช้งานจริงและมาตรฐานอุตสาหกรรม โดยจะแจ้งเตือนเมื่อพบกรณีต่อไปนี้:

• Text-based resources: ไฟล์ประเภทข้อความที่ไม่ได้ทำ HTTP-compression
• รูปภาพที่มีขนาดใหญ่: ไฟล์ภาพที่มีขนาดเกิน 200 kB
• Data URLs: การฝังข้อมูลใน URL ที่มีขนาดเกิน 100 kB

วิธีเปิดใช้งานและเริ่มต้นทดสอบ

นักพัฒนาที่ใช้งาน Microsoft Edge เวอร์ชัน 146 ขึ้นไป สามารถเริ่มทดสอบได้ตามขั้นตอนดังนี้

• ไปที่ edge://flags ในเบราว์เซอร์ Edge
• ค้นหา “Experimental Web Platform features” แล้วเปลี่ยนสถานะเป็น Enabled
• รีสตาร์ทเบราว์เซอร์
• เปิดใช้งานผ่าน Document Policy บนเว็บไซต์ โดยส่ง HTTP response headers จากเซิร์ฟเวอร์ หรือใช้ Local override ใน DevTools เพื่อความรวดเร็ว

การดูรายงานและการแจ้งเตือน (Reporting)

เมื่อระบบตรวจพบการโหลดที่เข้าข่ายผิดนโยบาย จะมีการส่งรายงานผ่าน Reporting API ซึ่งตรวจสอบได้จากหลายช่องทาง:

• DevTools Console: จะแสดงข้อความ Error แจ้งเตือนทันทีที่พบการใช้ Resources ที่ไม่เหมาะสม
• Application Tool: ดูรายละเอียดเชิงลึกของรายงานแต่ละตัวได้ในหัวข้อ Reporting API
• Server-side: สำหรับระบบที่ใช้งานจริง (Production) สามารถตั้งค่าให้ส่งรายงานกลับไปยังเซิร์ฟเวอร์เพื่อเก็บสถิติจากผู้ใช้จริงได้
• JavaScript: ดึงข้อมูลรายงานผ่าน ReportingObserver interface โดยเช็คจาก ReportBody.featureId === “network-efficiency-guardrails”

ทีมพัฒนา Microsoft Edge กำลังเปิดรับ Feedback เพื่อนำไปปรับเกณฑ์การตรวจจับให้แม่นยำขึ้น รวมถึงเตรียมเพิ่มความสามารถในการตรวจสอบข้ามเฟรม (Cross-frame reporting) และเกณฑ์การตรวจจับรูปแบบอื่นๆ เพิ่มเติมในอนาคต

ที่มา: Microsoft Edge Blog