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