بارگذاری تنبل (Lazy Load)

بارگذاری تنبل یعنی تصویر/ویدیو فقط وقتی دانلود شود که نزدیک صفحه نمایش کاربر برسد؛ به این ترتیب حجم اولیه صفحه کم می‌شود و سرعت بارگذاری اولیه بالا می‌رود. استاندارد مرورگرها صفت ساده loading="lazy" روی تگ img است و همه مرورگرهای مدرن از آن پشتیبانی می‌کنند. تصویر اصلی صفحه (بالای فولد) را تنبل نکنید چون سرعت نمایش اولیه را بدتر می‌کند؛ فقط تصاویر پایین صفحه را.

<img src="photo.webp" loading="lazy" decoding="async" alt="...">