افزایش سرعت سایت: راهنمای عملی Core Web Vitals
این چکلیست از دل بهینهسازی واقعی بیرون آمده: همان کارهایی که PageSpeed سایت ما را به سبز رساند، قدمبهقدم و بدون تئوری اضافه.
1. تصاویر: بزرگترین لقمه
در تجربه ما، تبدیل اسکرینشاتهای PNG چندمگابایتی به JPEG بهینه حدود 97٪ حجم را کم کرد. قاعدهها: ابعاد واقعی نمایش (نه بیشتر)، فرمت مدرن (WebP برای عکس، JPEG برای اسکرینشات)، loading="lazy" برای زیر تاشدگی و ابعاد مشخص برای جلوگیری از پرش چیدمان.
2. فونتها: قاتل خاموش LCP
فونت گوگل یک درخواست رندربلاک + زنجیره اتصال خارجی است. راهحل: خودمیزبانی با font-display: swap. کاربر اول متن را با فونت سیستم میبیند و بعد فونت اصلی جایگزین میشود؛ LCP بهشدت بهتر میشود.
3. جاوااسکریپت: فقط ضروریها
کتابخانه انیمیشن 110 کیلوبایتی روی موبایلی که انیمیشن نمیبیند، اسراف است. الگو: لود مشروط بر اساس عرض صفحه و prefers-reduced-motion، با fallback ساده. اسکریپتهای غیرحیاتی همیشه defer.
4. کش و سرور
تصویر و فونت: کش یکساله immutable. CSS/JS: یکماهه + ورژن خودکار با تغییر فایل. HTML: بدون کش. این ترکیب یعنی هم سرعت بازگشت بالا، هم هیچوقت نسخه قدیمی نمیماند. جزئیات فنی در خدمات سئو تکنیکال.
5. اندازهگیری درست
نمره آزمایشگاهی (Lab) با دیتای واقعی کاربران (Field) فرق دارد؛ تصمیم را با span 28 روزه سرچ کنسول و PageSpeed بگیرید، نه یک تست تنها. اگر نمره موبایلتان زیر 90 است، از مشاوره رایگان شروع کنید.
قدم بعدی
سرعت را نمیشود حدس زد، باید اندازه گرفت و قدمبهقدم جلو رفت. نمونه کارها و محاسبه قیمت را ببینید.