سایت شما چقدر سریع است؟ راهنمای سادهٔ Core Web Vitals برای صاحبان کسب‌وکار
فرقی نمی‌کند هتل دارید، فروشگاه یا دفتر خدمات؛ برای بسیاری از مشتریان، سایت شما اولین برخورد با کسب‌وکارتان است. اگر صفحه دیر باز شود، دکمه‌ها دیر واکنش نشان دهند یا محتوا هنگام بارگذاری جابه‌جا شود، مشتری پیش از دیدن پیشنهاد شما خسته می‌شود.
Google برای سنجش همین تجربه سه معیار به نام Core Web Vitals تعریف کرده است و به گفتهٔ خود Google، این معیارها با آنچه سیستم‌های رتبه‌بندی جست‌وجوی آن می‌خواهند هم‌سو هستند. خبر خوب این است که برای فهمیدن این سه عدد لازم نیست متخصص فنی باشید.
سه عددی که باید بشناسید
معیار | چه چیزی را می‌سنجد | هدف «خوب» به گفتهٔ Google |
|---|---|---|
LCP (Largest Contentful Paint) | چقدر طول می‌کشد بزرگ‌ترین بخش صفحه، معمولاً عکس اصلی یا تیتر، نمایش داده شود | ۲٫۵ ثانیه یا کمتر |
INP (Interaction to Next Paint) | وقتی کاربر روی چیزی می‌زند، صفحه چقدر سریع واکنش نشان می‌دهد | ۲۰۰ میلی‌ثانیه یا کمتر |
CLS (Cumulative Layout Shift) | چقدر محتوا هنگام بارگذاری از جای خود می‌پرد | ۰٫۱ یا کمتر |
Google پیشنهاد می‌کند این عددها را برای دست‌کم ۷۵ درصد بازدیدها، جداگانه روی موبایل و دسکتاپ، بسنجید. یعنی سایت شما فقط برای شما با اینترنت سریع دفتر نباید خوب باشد، بلکه باید برای بیشتر مشتریان هم خوب باشد.
از کجا بفهمید وضع سایتتان چطور است؟
PageSpeed Insights: نشانی صفحه را وارد کنید تا هم دادهٔ کاربران واقعی (اگر موجود باشد) و هم پیشنهادهای بهبود را ببینید.
گزارش Core Web Vitals در Search Console: اگر سایتتان را در Search Console ثبت کرده‌اید، این گزارش نشان می‌دهد کدام گروه از صفحه‌ها کند یا ناپایدارند.
آزمون خودتان: سایت را روی یک گوشی معمولی و با اینترنت همراه باز کنید، نه روی رایانهٔ دفتر.
شش کار عملی برای بهتر کردن این عددها
۱. عکس اصلی صفحه را سبک و در اولویت کنید. به گزارش web.dev، در ۷۳ درصد صفحه‌های موبایل بزرگ‌ترین بخش صفحه یک عکس است. عکس بالای صفحه را فشرده کنید، از فرمت‌های سبک‌تر مثل WebP استفاده کنید و از برنامه‌نویس یا قالب سایت بخواهید این عکس را با اولویت بالا بارگذاری کند.
۲. عکس بالای صفحه را «تنبل» بارگذاری نکنید. بارگذاری تنبل (lazy loading) برای عکس‌های پایین صفحه عالی است، اما Google توصیه می‌کند آن را از روی عکس اصلی بالای صفحه بردارید، چون نمایش آن را عقب می‌اندازد.
۳. برای عکس‌ها و قاب‌ها اندازه تعیین کنید. به گفتهٔ web.dev، ۶۶ درصد صفحه‌ها دست‌کم یک عکس بدون اندازهٔ مشخص دارند. عکسی که اندازه ندارد، هنگام بارگذاری محتوای زیرش را هل می‌دهد. تعیین عرض و ارتفاع یا نسبت تصویر یکی از ساده‌ترین راه‌های بهتر کردن CLS است.
۴. ابزارها و افزونه‌های اضافه را هرس کنید. هر کد رهگیری، ویجت یا افزونه‌ای که روزی اضافه کرده‌اید و دیگر استفاده نمی‌کنید، بار اضافه‌ای روی صفحه است. Google پیشنهاد می‌کند تگ‌های قدیمی و بی‌استفاده را مرتب از Tag Manager پاک کنید. این کار به واکنش سریع‌تر صفحه (INP) کمک می‌کند.
۵. بنرهای کشویی را از جابه‌جا کردن محتوا بازدارید. بنر کوکی یا اعلانی که از بالا یا پایین می‌لغزد و محتوا را کنار می‌زند، از دلایل رایج پرش صفحه است. بنر را طوری بچینید که روی صفحه قرار بگیرد، نه این‌که محتوا را هل دهد.
۶. محتوا را نزدیک مشتریانتان سرو کنید. اگر مشتریانتان در شهرها یا کشورهای مختلف هستند، استفاده از CDN (شبکهٔ توزیع محتوا) و کش کردن صفحه‌ها زمان شروع بارگذاری را کوتاه‌تر می‌کند.
یک عادت ماهانهٔ ساده
ماهی یک بار، صفحهٔ اصلی و پربازدیدترین صفحه‌های خود را در PageSpeed Insights بررسی کنید و نتیجه را یادداشت کنید. هر بار که عکس، افزونه یا بنر تازه‌ای اضافه می‌کنید، دوباره نگاهی بیندازید. تغییرهای کوچک و پیوسته معمولاً از یک بازسازی بزرگ و دیرهنگام بهتر جواب می‌دهند.
منابع
Web Vitals، web.dev (Google)، آخرین به‌روزرسانی ۳۱ اکتبر ۲۰۲۴
The most effective ways to improve Core Web Vitals، web.dev (Google)، آخرین به‌روزرسانی ۳۱ اکتبر ۲۰۲۴
Understanding Core Web Vitals and Google search results، Google Search Central
سایت سریع مثل در ورودی باز است؛ مشتری راحت‌تر داخل می‌آید. روز خوبی داشته باشید.
