«سایت من کند است» جمله‌ی مبهمی است. گوگل برای اینکه این حس را به عدد تبدیل کند سه معیار تعریف کرده که به آن‌ها Core Web Vitals می‌گویند. خوب است هر صاحب سایتی این سه عدد را بشناسد.
سه معیار و عدد «خوب»
- LCP (Largest Contentful Paint): چقدر طول می‌کشد تا بزرگ‌ترین محتوای قابل‌دیدن صفحه، معمولاً عکس اصلی یا تیتر، نمایش داده شود. عدد خوب: حداکثر ۲٫۵ ثانیه.
- INP (Interaction to Next Paint): صفحه بعد از کلیک و لمس کاربر چقدر سریع واکنش نشان می‌دهد. این معیار از مارس ۲۰۲۴ جای FID را گرفت و همه‌ی تعامل‌های یک بازدید را در نظر می‌گیرد. عدد خوب: حداکثر ۲۰۰ میلی‌ثانیه.
- CLS (Cumulative Layout Shift): چقدر محتوا هنگام بارگذاری ناگهان جابه‌جا می‌شود (همان لحظه‌ای که می‌خواهی روی دکمه بزنی و صفحه می‌پرد). عدد خوب: حداکثر ۰٫۱.
یک نکته‌ی مهم: این اعداد روی صدک ۷۵ام داده‌ی کاربران واقعی سنجیده می‌شوند. یعنی دست‌کم سه از هر چهار بازدید باید تجربه‌ی خوبی داشته باشند. ممکن است در تست آزمایشگاهی نمره‌ی ۱۰۰ بگیری و باز هم در داده‌ی واقعی رد شوی، چون کاربران واقعی گوشی‌های کندتر و اینترنت ضعیف‌تری دارند.
چرا اول موبایل؟
گوگل سایت‌ها را عمدتاً با نسخه‌ی موبایلشان ایندکس می‌کند، و موبایل هم پردازنده و شبکه‌ی محدودتری دارد. پس ابتدا نتیجه‌ی موبایل را بررسی کن.
از کجا شروع کنیم؟
برای LCP:
- عکس اصلی را کوچک و بهینه کن (WebP یا AVIF)
- عکس اصلی صفحه را lazy-load نکن
- سرور سریع و کش مناسب داشته باش
برای INP:
- اسکریپت‌های اضافه (ابزارهای ردیابی، ویجت‌های چت، افزونه‌های بلااستفاده) را حذف کن
- کارهای سنگین جاوااسکریپت را به تکه‌های کوچک‌تر بشکن
برای CLS:
- برای عکس‌ها و ویدیوها عرض و ارتفاع مشخص کن
- برای بنرها و تبلیغات از قبل جا نگه دار
- بارگذاری فونت را طوری تنظیم کن که متن نپرد
ابزارها
برای دیدن داده‌ی واقعی از PageSpeed Insights و گزارش Core Web Vitals در Search Console استفاده کن، و برای پیدا کردن علت از بخش Performance در ابزار توسعه‌دهنده‌ی کروم.
یک یادآوری
سرعت فقط یکی از چند سیگنال گوگل است و محتوای خوب همچنان مهم‌تر است. اما سایت کندی که بازدیدکننده را قبل از خواندن از دست می‌دهد، محتوای خوبش هم به کار نمی‌آید.