سرعت سایت

سلام وقت بخیر 👋
یک چیزی داریم به نام Lazyload یا به ترجمه غلط فارسی بارگذاری تنبل که در وردپرس بیشتر اسمش شنیده میشه ، این دقیقا میاد همین کار رو میکنه در مرحله اول صفحه بدون تصاویر لود میشه و بعد از اون تصاویر اضافه میشن ، کار خاصی انجام نمیده فقط با جاوا اسکریپت تصاویر رو بعد از لود اضافه میکنه.

مورد دوم هم کلا اشتباهه ، ما نمیام زمان به لود سایت اضافه کنیم که ، الان شما 1.5 ثانیه سرعت سایت رو کم کردی :/
کد بهینه:

const preloader = document.querySelector(".preloader");
const hidePreloader = () => {
        preloader.classList.add("hide");
}
window.addEventListener("load", hidePreloader);

البته پیشنهاد میکنم هایدش نکنی کلا ریمووش کنی :

preloader.remove();

موفق باشی 🌹

ممنون جناب امیری نسب بابت تجربه ی خوبتون 🌹
ممکنه ازتون خواهش کنه همین مورد پیشنهادیتون رو کامل تو خود کد بهینه بفرستین

preloader.remove();

خواهش میکنم ، بله حتما 🌹

const preloader = document.querySelector(".preloader");
const hidePreloader = () => {
 preloader.remove();
}
window.addEventListener("load", hidePreloader);

البته می تونید همین تابع رو در خود EventListener قرار بدید.

const preloader = document.querySelector(".preloader");
window.addEventListener("load", () => {
    preloader.remove();
});

در این مخزن گیت هاب هم سورس های زیادی قرار دادم که یکیش پیاده سازی همین Preloader هست که می تونید از این لینک فایل هاش رو بررسی کنید.

ممنون از شما نمیدونید چقدر به بنده لطف کردین 🌹 🌹 🌹 🌹

چطوری حجم فونتشو انقد کم کرده سایت من وردپرسیه و کد بلد نیستم
https://gtmetrix.com/reports/fonixfa.ir/WQWy14Sh/#
https://gtmetrix.com/reports/rahdigital.ir/MfrSH6Z6/
fonixfa.ir