مرورگر برخی از محتوای صفحه وب را ابتدا و برخی را بعداً نشان می دهد. با Fetch Priority API ، می توانید اولویت واکشی اولیه منابع مهم را به مرورگر علامت دهید تا بارگیری منابع را بهینه کنید.
ویدیو را تماشا کنید تا یاد بگیرید چگونه:
- معیار بارگیری ، بزرگترین رنگ محتوایی (LCP) را در پانل عملکرد پیدا کنید.
- اولویت های اولیه و نهایی را در پنل Network و تراک Network of Performance trace ببینید.
- برای آزمایش ویژگیهای
fetchpriority
در عناصر<img>
،<link>
و<script>
از بازنویسیهای محلی استفاده کنید. - تفاوت بین ویژگی های
loading
وfetchpriority
را بیاموزید. - یاد بگیرید که چه زمانی اولویت منابع را کاهش دهید.
تصاویر LCP به وضوح می توانند از fetchpriority="high"
بهره مند شوند. نکته دیگر این است که اگر مرورگر به طور خودکار اولویت یک تصویر را افزایش دهد، بنابراین منطقی است که آن را در ابتدا تنظیم کنید.
برای اطلاعات بیشتر ببین: