ห่วงโซ่คำขอที่สำคัญ คือชุดคำขอเครือข่ายที่ขึ้นต่อกันซึ่งมีความสำคัญต่อการแสดงหน้าเว็บ ยิ่งความยาวของเชนและขนาดการดาวน์โหลดมาก ผลกระทบต่อประสิทธิภาพการโหลดหน้าเว็บก็จะยิ่งมีนัยสำคัญมากขึ้น
Lighthouse รายงานคำขอที่สำคัญซึ่งโหลดโดยมีลำดับความสำคัญสูง
วิธีที่ Lighthouse ระบุห่วงโซ่คำขอที่สำคัญ
Lighthouse ใช้ลำดับความสำคัญของเครือข่ายเป็นพร็อกซีในการระบุทรัพยากรที่สำคัญซึ่งบล็อกการแสดงผล ดูข้อมูลเพิ่มเติมเกี่ยวกับวิธีที่ Chrome กำหนดลำดับความสำคัญเหล่านี้ได้ที่ลำดับความสำคัญและการจัดกำหนดการของทรัพยากรใน Chrome ของ Google
ระบบจะดึงข้อมูลเกี่ยวกับเชนคำขอที่สำคัญ ขนาดทรัพยากร และเวลาที่ใช้ในการดาวน์โหลดทรัพยากรจาก โปรโตคอลการแก้ไขข้อบกพร่องระยะไกลของ Chrome
วิธีลดผลกระทบของห่วงโซ่คำขอที่สำคัญต่อประสิทธิภาพ
ใช้ผลการตรวจสอบห่วงโซ่คำขอที่สำคัญเพื่อกำหนดเป้าหมายทรัพยากรที่ส่งผลต่อการโหลดหน้าเว็บมากที่สุดก่อน
- ลดจำนวนทรัพยากรที่สำคัญ: นำออก เลื่อนการดาวน์โหลด ทำเครื่องหมายเป็น
asyncและอื่นๆ - เพิ่มประสิทธิภาพจำนวนไบต์ที่สำคัญเพื่อลดเวลาในการดาวน์โหลด (จำนวนการรับส่ง)
- เพิ่มประสิทธิภาพลำดับการโหลดทรัพยากรที่สำคัญที่เหลือโดยดาวน์โหลดชิ้นงานที่สำคัญทั้งหมดโดยเร็วที่สุดเพื่อลดความยาวของเส้นทางวิกฤต
ดูข้อมูลเพิ่มเติมเกี่ยวกับการเพิ่มประสิทธิภาพรูปภาพ JavaScript CSS และแบบอักษรบนเว็บ
คำแนะนำเฉพาะสำหรับกองซ้อน
Magento
หากไม่ได้รวมกลุ่มเนื้อหา JavaScript ให้ลองใช้ Baler