مشکل Performance که با یه خط HTML حل میشه
تا قبل از این، مرورگر خودش حدس میزد کدوم فایل مهمتره.
الان میتونی با fetchpriority صراحتاً بهش بگی چی زودتر لود بشه
حالا fetchpriority چیه؟
یه attribute ساده برای تعیین اولویت دریافت منابع (Image، Script و …)
مقادیر مهم:
مقدار high - خیلی مهمه (اول اینو دانلود کن)
مقدارlow - فعلاً مهم نیست
مقدار auto - تصمیم با مرورگر (پیشفرض)
کاربردهای واقعی:
میتونید مشخص کنید تصاویر اول صفحه زودتر لود بشن بعدا بره سراغ دانلود اسکریپت انالیز یا عکسای پایین صفحه
نتیجه؟
دارای LCP بهتر
لود سریعتر محتوای مهم
کنترل بیشتر روی Performance بدون JS اضافی
پشتیبانی مرورگرها:
همه مرورگرهای مدرن از ۲۰۲۳ به بعد
پرفورمنس Frontend فقط لایبرری نیست؛
گاهی یه attribute کوچیک، بیشترین تأثیر رو داره.
منبع:
https://backpackforlaravel.com/articles/tutorials/10-native-web-features-you-can-use-in-2026-you-probably-don-t-know-half-of-them
@DevTwitter | <Ali Baghernia/>
Post #11626
7.48K

- 👍 55
- ❤ 18
- 🔥 2