سلام چطوری میتونم حجم عکس های صفحه ایندکسم رو به قدری کم کنم که سرعت لود بالایی داشته باشه
شما چه روشی رو پیشنهاد میکنید؟
سلام بهترین روش اینکه لود تصاویر رو به بعد از لود صفحه موکول کنید اینطوری ساعت لود به شدت زیاد میشه البته عوامل دیگه ایی مثل کمپرس کردن فایل های css و js هم بی تاثیر نیستش
برای موکول کردن لود تصاویر به بعد از لود صفحه باید آدرس تصویر رو بجای نوشتن درون src داخل data-src بنویسید مثلا اینطوری :
<img class="b-lazy"
src="placeholder-image.jpg"
data-src="image.jpg"
alt="Image description" />
کد بالا باعث میشه مرورگر نتونه تصویر اصلی رو پیدا کنه در نتیجه میاد و مقدار src رو میخونه این مقدار میتونه هرچی باشه یک گیف کم حجم لودینگ یا ی عکس کم حجم برای اینکه نشون بده تصویر هنوز لود نشده
حالا ما به جکوری نیاز داریم تا دستور بدیم پس از بود صفحه با تصاویر رو لود کن برامون
$(window).load(function () {
// در اینجا ما باید یکاری کنیم تا مقدار
// src
// تصویر برار بشه با مقدار
// data-src
});
اول فرمت عکس هارو به webp تغییر بده که حجمشون کم شه
بعد برای هر تگ img که میزنی اتریبیوت loading رو برابر lazy بذار
<img loading="lazy">
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟