گوگل رسماً اعلام کرده سرعت بارگذاری یکی از فاکتورهای رتبهبندی است. اما مهمتر از گوگل، خودِ مشتری است: هر ثانیه تأخیر یعنی درصدی از بازدیدکنندهها صفحه را میبندند — و در اینترنت موبایل ایران این تأثیر بسیار شدیدتر است.
۱. تصاویر، متهم شماره یک
در تقریباً هر سایتی که بررسی کردهایم، سنگینترین بخش صفحه تصاویر بودهاند. سه کار ساده:
اندازهی واقعی: اگر تصویری در صفحه ۴۰۰ پیکسل عرض دارد، آپلود کردن فایل ۳۰۰۰ پیکسلی یعنی هدر دادن چند مگابایت.
فرمت مدرن: تبدیل PNG و JPG به WebP معمولاً بین ۷۰ تا ۹۰ درصد حجم را کم میکند، بدون افت محسوس کیفیت. ما همین کار را روی همین سایت انجام دادیم و صفحهی نمونهکارها از ۵.۷ مگابایت به حدود ۳۵۰ کیلوبایت رسید.
بارگذاری تنبل: با loading="lazy" مرورگر فقط تصاویری را دانلود میکند که کاربر واقعاً به آنها رسیده است. نکتهی مهم: این فقط روی تگ <img> کار میکند — اگر تصویر را بهصورت background در CSS گذاشته باشید، مرورگر نمیتواند آن را به تعویق بیندازد.
۲. فونتها
فونت فارسی میتواند چند صد کیلوبایت باشد. فقط وزنهایی را بارگذاری کنید که واقعاً استفاده میکنید و از font-display: swap استفاده کنید تا متن قبل از آمدن فونت هم دیده شود.
۳. اسکریپتهای اضافی
هر افزونه و هر اسکریپت تحلیلی وزن اضافه میکند. از خودتان بپرسید آیا واقعاً از دادههای آن استفاده میکنید؟ اگر نه، حذفش کنید.
۴. اندازهگیری کنید، حدس نزنید
با PageSpeed Insights گوگل سایتتان را تست کنید. حتماً روی حالت موبایل نگاه کنید، چون اکثر بازدیدکنندههای شما با موبایل میآیند و شرایط سختتری دارند.
یک نکتهی مهم
دنبال نمرهی ۱۰۰ نباشید. رساندن نمره از ۴۰ به ۸۵ تفاوت واقعی در تجربهی کاربر میسازد؛ اما فشار آوردن از ۹۰ به ۱۰۰ معمولاً وقت زیادی میگیرد و کاربر تفاوتش را حس نمیکند.