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

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

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

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

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

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

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

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

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

ความคิดเห็น