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

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