بهینه سازی مسیر رندر بحرانی

برای ارائه سریع ترین زمان ممکن برای اولین رندر، باید سه متغیر را به حداقل برسانیم:

  • تعداد منابع حیاتی
  • طول مسیر بحرانی
  • تعداد بایت های بحرانی

یک منبع بحرانی منبعی است که می تواند رندر اولیه صفحه را مسدود کند. هرچه این منابع کمتر باشد، کار برای مرورگر، CPU و سایر منابع کمتر است.

به طور مشابه، طول مسیر بحرانی تابعی از نمودار وابستگی بین منابع حیاتی و اندازه بایت آنها است: برخی از دانلودهای منبع را می توان تنها پس از پردازش یک منبع قبلی آغاز کرد و هر چه منبع بزرگتر باشد، بارگیری رفت و برگشت بیشتری طول می کشد.

در نهایت، هرچه مرورگر بایت‌های مهم کمتری برای دانلود داشته باشد، سریع‌تر می‌تواند محتوا را پردازش کرده و آن را روی صفحه نمایش دهد. برای کاهش تعداد بایت‌ها، می‌توانیم تعداد منابع را کاهش دهیم (آنها را حذف کنیم یا آنها را غیر بحرانی کنیم) و اطمینان حاصل کنیم که با فشرده‌سازی و بهینه‌سازی هر منبع، اندازه انتقال را به حداقل می‌رسانیم.

توالی کلی مراحل برای بهینه سازی مسیر رندر بحرانی به شرح زیر است:

  1. مسیر حیاتی خود را تجزیه و تحلیل و مشخص کنید: تعداد منابع، بایت ها، طول.
  2. تعداد منابع مهم را به حداقل برسانید: آنها را حذف کنید، دانلود آنها را به تعویق بیندازید، آنها را به عنوان غیر همگام علامت گذاری کنید و غیره.
  3. برای کاهش زمان دانلود (تعداد رفت و برگشت) تعداد بایت های مهم را بهینه کنید.
  4. ترتیب بارگیری منابع حیاتی باقیمانده را بهینه کنید: همه دارایی های حیاتی را در اسرع وقت دانلود کنید تا طول مسیر بحرانی را کوتاه کنید.

بازخورد