lazyload تصاویر
سلام دوستان..
توی صفحات سایتم یه عالمه تصویر وجود داره که مرتبط با محصولاته..
برای اینکه بصورت lazyload تصاویر رو بارگزاری کنم ممنون میشم راهنماییم کنید..
تصاویر که در ویوپورت دید کاربر نیستن الکی لود نشن و تنها وقتی که توی محدوده دید اومدن لود بشن..
گزینش سوالات
گفت و گو های مرتبط
دسته بندی سوالات
تگ‌های محبوب
@javadbolouri72
سلام و وقت بخیر
میتونید از این دو لینک کمک بگیرید
https://infinite-scroll.com/#:~:text=Infinite%20Scroll%20is%20a%20JavaScript,use%20all%20over%20the%20web.
https://www.smashingmagazine.com/2013/05/infinite-scrolling-lets-get-to-the-bottom-of-this/
موفق و سلامت باشید
یا حق
توی مرورگر های جدیدی کافیه به صورت زیر عمل کنی
<img src="celebration.jpg" loading="lazy" alt="..." />خود مرورگر مدیریت میکنه همه چیزو و کد دیگه ای لازم نیست.
@khanzadimahdi
چه جالب من نمی‌دونستم
ولی حرف آقای فرامرزی درسته
بهتره از متدی استفاده کنیم که بیشترین پشتیبانی و عمومیت رو داره
@TimeRunner2359
@hosseinshirinegad98
ممنون حتما میخونمشون و تست هم میکنم اگر احیانا مشکلی خوردم مزاحم میشم..
@TimeRunner2359
@hosseinshirinegad98
فقط یه سوال.. برای این نوع بارگزاری محتوا، فقط تصاویر و ویدئو ها و محتوای رسانه ای مهمه که اینطوری بارگزاری بشه یا نه المانای داخل صفحه هم باید به این روش بارگزاری بشه.. مثلا من برای هم محصول یه کارت دارم بعد تو صفحه ممکنه 100 تا کارت باشه.. فقط عکسای کارتا اینطوری لود بشه یا نه خود کارت رو هم باید به این روش لیزی لودش کرد؟ اگر جواب مثبته همین کتابخونه ها که معرفی کردید برای بقیه المان ها هم اوکیه؟
@javadbolouri72
سلام و وقت بخیر
بله باید کل المنت به صورت lazyload باشه .
من این لینک اولی که معرفی کرده بودم رو نگاه کردم، به نظر که برای المنت هم درست کار میکنه . باز هم نگاه کنید و توی گوگل یه چرخی بزنید.
موفق و سلامت باشید
یا حق