از زنجیر کردن درخواست های حیاتی خودداری کنید

زنجیره‌های درخواست بحرانی مجموعه‌ای از درخواست‌های شبکه وابسته هستند که برای ارائه صفحه مهم هستند. هرچه طول زنجیره ها بیشتر و اندازه دانلود بزرگتر باشد، تأثیر بیشتری بر عملکرد بارگذاری صفحه خواهد داشت.

Lighthouse درخواست های حیاتی را با اولویت بالا گزارش می دهد:

تصویری از بررسی عمق درخواست بحرانی Lighthouse Minimize

چگونه Lighthouse زنجیره های درخواست حیاتی را شناسایی می کند

Lighthouse از اولویت شبکه به عنوان یک پروکسی برای شناسایی منابع حیاتی مسدودکننده رندر استفاده می کند. برای اطلاعات بیشتر درباره نحوه تعریف Chrome این اولویت‌ها ، به اولویت‌ها و زمان‌بندی منابع Chrome Google مراجعه کنید.

داده‌های زنجیره‌های درخواست حیاتی، اندازه منابع و زمان صرف شده برای دانلود منابع از پروتکل اشکال‌زدایی از راه دور Chrome استخراج می‌شوند.

چگونه می توان تأثیر زنجیره های درخواست بحرانی بر عملکرد را کاهش داد

از نتایج ممیزی زنجیره درخواست حیاتی برای هدف قرار دادن منابعی که بیشترین تأثیر را در بارگذاری صفحه دارند، استفاده کنید:

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

درباره بهینه سازی تصاویر ، جاوا اسکریپت ، CSS و فونت های وب خود بیشتر بیاموزید.

راهنمایی مخصوص پشته

مجنتو

اگر دارایی های جاوا اسکریپت خود را بسته بندی نمی کنید، از baler استفاده کنید.

منابع

کد منبع برای به حداقل رساندن ممیزی عمق درخواست بحرانی