بهینه‌سازی سرعت لود صفحات؛ چرا هر ثانیه مهم است؟

چرا سرعت سایت مهم است؟

گوگل سرعت و تجربه صفحه را با Core Web Vitals می‌سنجد: LCP (مطلوب تا ۲٫۵ ثانیه)، INP (مطلوب تا ۲۰۰ میلی‌ثانیه) و CLS (مطلوب زیر ۰٫۱). سایت کند علاوه بر رتبه، نرخ پرش را بالا می‌برد و از تعداد سفارش‌ها و تماس‌ها می‌کاهد.

۱. فشرده‌سازی و فرمت نسل جدید تصاویر

تصاویر معمولاً بیشترین حجم صفحه‌اند. آن‌ها را به WebP یا AVIF تبدیل کنید، اندازه را متناسب با نمایش واقعی کوچک کنید (لوگوی ۴۲ پیکسلی نباید ۸۰۰ پیکسل باشد) و برای تصاویر width و height بنویسید.

۲. مینیفای و تفکیک CSS و JavaScript

فایل‌های CSS و JS را مینیفای کنید و آن‌ها را در فایل‌های جدا و قابل کش نگه دارید؛ نه داخل HTML. اسکریپت‌های غیرضروری را حذف کنید و اسکریپت‌های ثالث (چت، آنالیتیکس، ویجت‌ها) را با async یا defer بارگذاری کنید.

۳. Lazy Loading

تصاویر و ویدیوهای پایین صفحه را با loading="lazy" به تعویق بیندازید، اما تصویر اصلی بالای صفحه (LCP) را lazy نکنید و برای آن اولویت بالا بگذارید.

۴. فونت‌های لوکال و بهینه

فونت را از سرور خودتان با فرمت woff2 ارائه کنید، font-display: swap بگذارید و فقط وزن‌های لازم را preload کنید. برای سایت‌های فارسی که کاربران ایرانی دارند، این کار از وابستگی به سرویس‌های خارجی مثل Google Fonts هم جلوگیری می‌کند.

۵. CDN و کش مرورگر

CDN فایل‌های ثابت را از نزدیک‌ترین نقطه به کاربر می‌رساند. همراه با آن، هدر Cache-Control مناسب بگذارید تا فایل‌های ثابت مثل تصاویر و فونت‌ها مدت طولانی در مرورگر بمانند.

۶. هاست و زمان پاسخ سرور (TTFB)

اگر سرور دیر پاسخ دهد، هیچ بهینه‌سازی سمت کاربر کافی نیست. هاست مناسب، نسخه به‌روز PHP یا Node، کش سمت سرور و فشرده‌سازی Gzip یا Brotli را فعال کنید.

۷. چطور سرعت را اندازه بگیریم؟

از PageSpeed Insights، Lighthouse در Chrome و گزارش Core Web Vitals در Search Console استفاده کنید. نتایج را روی موبایل بخوانید، چون بیشتر کاربران از موبایل می‌آیند. بعد از هر تغییر مهم دوباره اندازه بگیرید.

مقالات مرتبط