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