در مقاله راههای ساده افزایش سرعت سایت اقدامات پایه را مرور کردیم. اما گاهی بعد از فشردهسازی تصاویر و فعال کردن کش، سایت هنوز در گزارش Core Web Vitals «ضعیف» است. این راهنما برای قدم بعدی است: شناختن معیارهای اصلی گوگل و رفع دقیق علتهای کندی.
سه معیار اصلی Core Web Vitals
- LCP (Largest Contentful Paint): زمان نمایش بزرگترین عنصر محتوایی صفحه (معمولاً تصویر اصلی یا تیتر). هدف: کمتر از ۲.۵ ثانیه.
- INP (Interaction to Next Paint): سرعت پاسخ صفحه به تعامل کاربر مثل کلیک و تایپ. از سال ۲۰۲۴ جایگزین FID شده است. هدف: کمتر از ۲۰۰ میلیثانیه.
- CLS (Cumulative Layout Shift): میزان جابهجایی ناگهانی عناصر هنگام بارگذاری. هدف: کمتر از ۰.۱.
گوگل این معیارها را بر اساس داده واقعی کاربران (در صدک ۷۵) میسنجد، نه فقط تست آزمایشگاهی.
بهبود LCP
- زمان پاسخ سرور (TTFB) را کم کنید: کش صفحه، هاست قویتر و CDN.
- تصویر LCP را اولویت دهید: برای تصویر اصلی بالای صفحه lazy-load نگذارید و از
fetchpriority="high"استفاده کنید. - منابع مسدودکننده رندر را کم کنید: CSS حیاتی را درون صفحه بگذارید و بقیه را با تأخیر بارگذاری کنید.
- فونت را پیشبارگذاری کنید: با
<link rel="preload">وfont-display: swap. - اسلایدرهای سنگین بالای صفحه را حذف کنید: یکی از رایجترین علتهای LCP بد.
بهبود INP
- جاوااسکریپت را کم کنید: اسکریپتهای بلااستفاده و افزونههای اضافی را حذف کنید.
- کارهای طولانی را بشکنید: کدهایی که بیش از ۵۰ میلیثانیه رشته اصلی را اشغال میکنند.
- اسکریپتهای شخص ثالث را مدیریت کنید: چت آنلاین، پیکسلها و ابزارهای تحلیلی را با تأخیر یا بعد از تعامل بارگذاری کنید.
- DOM را سبک نگه دارید: صفحهسازها گاهی هزاران عنصر تودرتو تولید میکنند.
بهبود CLS
- برای همه تصاویر و ویدیوها width و height یا aspect-ratio تعیین کنید.
- برای بنرهای تبلیغاتی و ابزارکهای دیرلود فضای ثابت رزرو کنید.
- محتوا را بالای محتوای موجود تزریق نکنید (مثل نوار اطلاعرسانی که بعداً ظاهر میشود).
- فونت جایگزین با ابعاد نزدیک به فونت اصلی انتخاب کنید.
پایش مستمر عملکرد
- گزارش Core Web Vitals در Search Console: گروههای صفحات ضعیف را نشان میدهد.
- PageSpeed Insights: داده واقعی و پیشنهادهای دقیق برای هر آدرس.
- تب Performance ابزار توسعهدهنده کروم: برای پیدا کردن کارهای طولانی و منبع INP بد.
- پایش دورهای: بعد از هر تغییر بزرگ (قالب، افزونه، اسکریپت تبلیغاتی) دوباره بسنجید.
اولویتبندی درست
همه صفحات به یک اندازه مهم نیستند. صفحات پرترافیک و پولساز (محصولات، خدمات، لندینگها) را اول بهینه کنید. همچنین به یاد داشته باشید سرعت یکی از عوامل رتبه است، نه همه آن؛ محتوای مرتبط و باکیفیت همچنان مهمتر است.
جمعبندی
Core Web Vitals زبان مشترک گوگل و توسعهدهندگان برای سنجش تجربه واقعی کاربر است. اگر سایت شما در این گزارش وضعیت ضعیفی دارد، در خدمات سئو تکنیکال علت دقیق را پیدا و رفع میکنم. مقاله Core Web Vitals و تجربه کاربری را هم ببینید.
