افزایش سرعت لودینگ سایت

سلام بهترین روش اینکه لود تصاویر رو به بعد از لود صفحه موکول کنید اینطوری ساعت لود به شدت زیاد میشه البته عوامل دیگه ایی مثل کمپرس کردن فایل های 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
});