lazyload تصاویر

توی مرورگر های جدیدی کافیه به صورت زیر عمل کنی

<img src="celebration.jpg" loading="lazy" alt="..." />

خود مرورگر مدیریت میکنه همه چیزو و کد دیگه ای لازم نیست.

@khanzadimahdi
فکر می‌کنم مرورگرها از این حالت پشتیبانی خوبی نداشته باشن.

@khanzadimahdi
چه جالب من نمی‌دونستم
ولی حرف آقای فرامرزی درسته
بهتره از متدی استفاده کنیم که بیشترین پشتیبانی و عمومیت رو داره

سلام
اینجارو یه مطالعه ای کنید

@javadbolouri72

@khanzadimahdi

این روش رو تست کردم برا من جواب نداد توی گوگل کروم تستش کردم

@TimeRunner2359
@hosseinshirinegad98

ممنون حتما میخونمشون و تست هم میکنم اگر احیانا مشکلی خوردم مزاحم میشم..

@TimeRunner2359
@hosseinshirinegad98

فقط یه سوال.. برای این نوع بارگزاری محتوا، فقط تصاویر و ویدئو ها و محتوای رسانه ای مهمه که اینطوری بارگزاری بشه یا نه المانای داخل صفحه هم باید به این روش بارگزاری بشه.. مثلا من برای هم محصول یه کارت دارم بعد تو صفحه ممکنه 100 تا کارت باشه.. فقط عکسای کارتا اینطوری لود بشه یا نه خود کارت رو هم باید به این روش لیزی لودش کرد؟ اگر جواب مثبته همین کتابخونه ها که معرفی کردید برای بقیه المان ها هم اوکیه؟

@javadbolouri72
سلام و وقت بخیر
بله باید کل المنت به صورت lazyload باشه .
من این لینک اولی که معرفی کرده بودم رو نگاه کردم، به نظر که برای المنت هم درست کار می‌کنه . باز هم نگاه کنید و توی گوگل یه چرخی بزنید.
موفق و سلامت باشید
یا حق

@TimeRunner2359

آها ممنون از راهنماییتون..