การเพิ่มประสิทธิภาพเส้นทางการแสดงผลวิกฤติ

เผยแพร่เมื่อวันที่ 31 มีนาคม 2014

เราจำเป็นต้องลดตัวแปร 3 รายการต่อไปนี้เพื่อแสดงผลครั้งแรกให้เร็วที่สุด

  • จํานวนทรัพยากรสําคัญ
  • ความยาวเส้นทางที่สำคัญ
  • จํานวนไบต์สําคัญ

ทรัพยากรสําคัญคือทรัพยากรที่อาจบล็อกการแสดงผลเริ่มต้นของหน้าเว็บ ยิ่งมีทรัพยากรเหล่านี้น้อยลงเท่าใด เบราว์เซอร์, CPU และทรัพยากรอื่นๆ ก็จะทำงานน้อยลงเท่านั้น

ในทํานองเดียวกัน ความยาวของเส้นทางที่วิกฤตจะขึ้นอยู่กับกราฟความเกี่ยวข้องระหว่างทรัพยากรสําคัญกับขนาดไบต์ของทรัพยากรเหล่านั้น การดาวน์โหลดทรัพยากรบางรายการจะเริ่มต้นได้หลังจากที่ประมวลผลทรัพยากรก่อนหน้าแล้วเท่านั้น และยิ่งทรัพยากรมีขนาดใหญ่เท่าใด การดาวน์โหลดก็ยิ่งใช้เวลาในการไปกลับมากขึ้นเท่านั้น

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

ลําดับขั้นตอนทั่วไปในการเพิ่มประสิทธิภาพเส้นทางการแสดงผลที่สําคัญมีดังนี้

  1. วิเคราะห์และระบุลักษณะของเส้นทางที่สำคัญ เช่น จํานวนทรัพยากร ไบต์ ความยาว
  2. ลดจำนวนทรัพยากรที่สำคัญ: นำออก หน่วงเวลาการดาวน์โหลด ทำเครื่องหมายให้โหลดไม่พร้อมกัน และพิจารณาสิ่งสําคัญอื่นๆ
  3. เพิ่มประสิทธิภาพจำนวนไบต์ที่สำคัญเพื่อลดเวลาในการดาวน์โหลด (จำนวนรอบการเดินทาง)
  4. เพิ่มประสิทธิภาพลําดับการโหลดทรัพยากรสําคัญที่เหลือ: ดาวน์โหลดชิ้นงานสําคัญทั้งหมดให้เร็วที่สุดเพื่อย่นระยะเวลาของเส้นทางสําคัญ

ความคิดเห็น