سرعت سایت به زبان ساده: Core Web Vitals چیست و چطور بهترش کنیم

مشتری‌ای که سه چهار ثانیه منتظر بماند تا صفحه باز شود، معمولاً صبر نمی‌کند و برمی‌گردد سراغ نتیجه بعدی گوگل. گوگل هم این را می‌داند و برای سنجیدن تجربه کاربر در صفحه، سه شاخص به اسم Core Web Vitals تعریف کرده است.

سه شاخص اصلی

1. LCP (بزرگ‌ترین محتوای قابل مشاهده): چقدر طول می‌کشد تا بزرگ‌ترین بخش صفحه، معمولاً عکس اصلی یا تیتر، نمایش داده شود. گوگل تا ۲٫۵ ثانیه را خوب می‌داند.
2. INP (پاسخ به تعامل): وقتی کاربر روی دکمه‌ای می‌زند یا منویی را باز می‌کند، صفحه چقدر سریع واکنش نشان می‌دهد. تا ۲۰۰ میلی‌ثانیه خوب است.
3. CLS (جابه‌جایی ناگهانی): اینکه اجزای صفحه هنگام بارگذاری چقدر جابه‌جا می‌شوند؛ همان لحظه‌ای که می‌خواهید روی لینکی بزنید و یک تبلیغ آن را پایین می‌برد. کمتر از ۰٫۱ خوب است.

چطور سایت خودتان را اندازه بگیرید

• PageSpeed Insights: آدرس صفحه را بدهید؛ هم داده آزمایشگاهی می‌دهد و هم اگر سایت بازدید کافی داشته باشد، داده واقعی کاربران.
• گزارش Core Web Vitals در Search Console: صفحه‌هایی را که مشکل دارند گروه‌بندی‌شده نشان می‌دهد.
• همیشه نسخه موبایل را جدی‌تر بگیرید؛ بیشتر بازدیدکننده‌ها با گوشی می‌آیند و گوشی‌ها کندتر از کامپیوترند.

اصلاح‌هایی که بیشترین اثر را دارند

• عکس‌ها: عکس‌ها را در اندازه واقعی نمایش و با فرمت‌های سبک‌تر مثل WebP بگذارید. عکس‌های پایین صفحه را با تأخیر (lazy) بارگذاری کنید، ولی عکس اصلی بالای صفحه را نه.
• افزونه‌ها و اسکریپت‌ها: در سایت‌های وردپرسی، افزونه‌های اضافه و اسکریپت‌های بیرونی (چت آنلاین، ابزارهای آمار، فونت‌های متعدد) بیشترین کندی را می‌آورند. هر چه لازم نیست حذف شود.
• کش و هاست: کش صفحه و یک هاست مناسب، زمان پاسخ سرور را چند برابر کم می‌کند.
• ابعاد مشخص برای عکس و تبلیغ: وقتی جای هر عنصر از قبل مشخص باشد، صفحه موقع بارگذاری جابه‌جا نمی‌شود و CLS خوب می‌شود.
• فونت: تعداد وزن‌های فونت را کم کنید و فونت را روی سرور خودتان بگذارید.

اصلاح‌های پراثر در سایت وردپرسی

• نسخه PHP و محل سرور: نسخه به‌روز PHP و سروری نزدیک به مخاطبان، پایه سرعت است و هیچ بهینه‌سازی‌ای هاست ضعیف را جبران نمی‌کند.
• فرمت AVIF: اگر هاست و افزونه تصویرتان پشتیبانی می‌کند، AVIF معمولاً از WebP هم سبک‌تر است.
• قالب سبک: قالب‌های همه‌کاره با صفحه‌ساز سنگین، کلی CSS و جاوااسکریپت بی‌استفاده بارگذاری می‌کنند؛ قالب سبک فقط چیزی را می‌آورد که لازم است.
• font-display: swap برای فونت فارسی: تا فونت برسد، متن با فونت جایگزین دیده می‌شود و صفحه سفید نمی‌ماند.
• پاک‌سازی دیتابیس: نسخه‌های قدیمی نوشته‌ها، دیدگاه‌های اسپم و داده افزونه‌های حذف‌شده را دوره‌ای پاک کنید.

سرعت فقط برای گوگل نیست

این شاخص‌ها یکی از عوامل رتبه‌بندی گوگل‌اند، ولی اثر مستقیم‌ترشان روی آدم‌هاست: صفحه سریع یعنی بازدیدکننده بیشتری می‌ماند، بیشتر می‌خواند و بیشتر فرم پر می‌کند. اگر محتوای خوب دارید ولی سایت کند است، بخشی از زحمتتان هدر می‌رود.

اگر می‌خواهید سرعت سایتتان بررسی و اصلاح شود، صفحه پشتیبانی و میزبانی و سئو و دیجیتال مارکتینگ را ببینید یا از فرم تماس درخواست بررسی بدهید.