JBolouri
4 سال پیش توسط JBolouri مطرح شد
10 پاسخ

lazyload تصاویر

سلام دوستان..

توی صفحات سایتم یه عالمه تصویر وجود داره که مرتبط با محصولاته..
برای اینکه بصورت lazyload تصاویر رو بارگزاری کنم ممنون میشم راهنماییم کنید..
تصاویر که در ویوپورت دید کاربر نیستن الکی لود نشن و تنها وقتی که توی محدوده دید اومدن لود بشن..


ثبت پرسش جدید
احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
mahdi khanzadi
تخصص : backend developer at Snapp mar...
@khanzadimahdi 4 سال پیش مطرح شد
5

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

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

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


مسعود فرامرزی‌راد
تخصص : Front-end Developer
@sm.faramarzirad 4 سال پیش مطرح شد
2

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


احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
1

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


حسین شیری نژاد
تخصص : programmer
@hosseinshirinegad98 4 سال پیش مطرح شد
3

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

@javadbolouri72


JBolouri
@javadbolouri72 4 سال پیش مطرح شد
0

@khanzadimahdi

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


JBolouri
@javadbolouri72 4 سال پیش مطرح شد
0

@TimeRunner2359
@hosseinshirinegad98

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


JBolouri
@javadbolouri72 4 سال پیش مطرح شد
0

@TimeRunner2359
@hosseinshirinegad98

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


احسان قربانی
تخصص : PHP ، در حال یادگیری لاراول ،...
@TimeRunner2359 4 سال پیش مطرح شد
1

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


JBolouri
@javadbolouri72 4 سال پیش مطرح شد
0

@TimeRunner2359

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


برای ارسال پاسخ لازم است وارد شده یا ثبت‌نام کنید

ورود یا ثبت‌نام