برنامه نویسی
بارگیری تنبل تصاویر بالاتر از براق بدون کشتن LCP

صفحه لیست محصول را برای یک بازار چند فروشنده با استفاده از React + ANTD بازسازی کنید.
🚫 راه اندازی قدیمی: img برچسب هایی با بارگذاری تنبل در هر محصول (از جمله بالاتر از آن)
✅ ثابت کردن:
- “6 تصویر اول با بار (بالاتر از آن)”
- ** “سوئیچ باقی مانده به
loading="lazy"“ -
“استفاده شده
IntersectionObserverبرای محو شدن صاف “
📉 بزرگترین رنگ محتوا با 230ms کاهش یافته است (حسابرسی Chrome Devtools) *بینش کد:
تغییرات کوچک ، برنده های بزرگ.



