سرعت وب‌سایت و CORE WEB VITALS.
وب‌سایت کند یا پرپرش پیش از آنکه مشتری کلمه‌ای بخواند او را از دست می‌دهد. Google این تجربه را با سه Core Web Vital اندازه می‌گیرد. اینجا می‌گوییم معنایشان چیست، چطور سایت خود را رایگان آزمایش کنید، و کدام راه‌حل‌ها معمولاً در سایت کسب‌وکار کوچک بیشترین اثر را دارند.
تغییرات اخیر
- Google ربودن دکمه بازگشت را اسپم می‌داند — مسدود کردن دکمه بازگشت مرورگر اکنون رسماً یک رفتار اسپم است.
این راهنما چیزهایی را پوشش می‌دهد که ثابت می‌مانند. وبلاگ تغییرات را همزمان با رسیدنشان دنبال می‌کند.
سه معیار
Google، Core Web Vitals را مجموعه‌ای از معیارها توصیف می‌کند که تجربه واقعی کاربر را در سرعت بارگذاری، تعامل‌پذیری و پایداری بصری اندازه می‌گیرند.2 Interaction to Next Paint (INP) در 2024 جایگزین First Input Delay به‌عنوان یکی از Core Web Vitals شد.1
| معیار | چه چیزی را اندازه می‌گیرد | خوب |
|---|---|---|
| Largest Contentful Paint (LCP) | بارگذاری: زمانی که محتوای اصلی ظاهر می‌شود [1] | 2.5 ثانیه یا کمتر [1][3] |
| Interaction to Next Paint (INP) | پاسخ‌گویی: صفحه با چه سرعتی به لمس، کلیک و تایپ واکنش نشان می‌دهد [1] | 200 میلی‌ثانیه یا کمتر [1][3] |
| Cumulative Layout Shift (CLS) | پایداری بصری: صفحه هنگام بارگذاری چقدر جابه‌جا می‌شود [1] | 0.1 یا کمتر [1][3] |
web.dev توصیه می‌کند اندازه‌گیری در صدک 75 بارگذاری صفحات و جداگانه برای موبایل و دسکتاپ انجام شود.1 Search Console مقدار LCP تا 4 s، INP تا 500 ms و CLS تا 0.25 را «نیازمند بهبود» و بالاتر از آن را «ضعیف» ارزیابی می‌کند.3
روی رتبه اثر دارند؟
Google می‌گوید Core Web Vitals خوب با آنچه سیستم‌های اصلی رتبه‌بندی‌اش می‌خواهند پاداش دهند هم‌راستاست، به‌عنوان بخشی از تجربه کلی صفحه (page experience).2 این فقط یکی از عوامل متعدد است. صفحه سریع با محتوای ضعیف یا بی‌فایده از پاسخ بهتر جلو نمی‌زند، پس سرعت را راهی برای نگه‌داشتن بازدیدکنندگانی بدانید که از قبل به دست آورده‌اید.
چطور سایتتان را آزمایش کنید
| ابزار | چه چیزی نشان می‌دهد | مراقب باشید |
|---|---|---|
| PageSpeed Insights | داده‌های واقعی از کاربران Chrome (CrUX) به‌علاوه داده‌های آزمایشگاهی از Lighthouse، برای موبایل و دسکتاپ [4] | داده‌های واقعی یک دوره 28 روزه اخیر را پوشش می‌دهند، پس اثر اصلاحات دیر دیده می‌شود؛ نتایج آزمایشگاهی و واقعی ممکن است با هم فرق داشته باشند [4] |
| گزارش Core Web Vitals در Search Console | گروه‌هایی از URLهای مشابه با رتبه Good، Needs improvement یا Poor، بر اساس داده کاربران واقعی [3] | سایت‌های کوچک ممکن است وقتی داده CrUX کافی نباشد پیام «No data available» ببینند [3] |
هنوز داده واقعی ندارید؟ از نتایج آزمایشگاهی PageSpeed Insights به‌عنوان راهنما استفاده کنید و مهم‌ترین صفحاتتان را آزمایش کنید: صفحه اصلی، خدمات و تماس.
راه‌حل‌های رایج برای کسب‌وکار کوچک
- تصاویر را کوچک کنید. عکس‌ها را فشرده کنید و از فرمت‌های مدرن تصویر استفاده کنید.5 عکسی که مستقیم از دوربین گوشی می‌آید معمولاً خیلی بزرگ‌تر از نیاز صفحه است.
- تصویر اصلی (hero) را lazy-load نکنید. web.dev می‌گوید هرگز تصویر LCP را lazy-load نکنید، و ویژگی
fetchpriorityمی‌تواند به مرورگر بگوید کدام منابع مهم‌ترند.5 - برای تصاویر و embedها اندازه تعیین کنید. ویژگی‌های
widthوheightرا بگذارید، یا با CSSaspect-ratioفضا رزرو کنید، تا محتوا جابه‌جا نشود.6 - برای فونت‌های وب برنامه داشته باشید. تعویض فونت هنگام بارگذاری می‌تواند متن را جابه‌جا کند؛ یک فونت جایگزین نزدیک انتخاب کنید.6
- اسکریپت‌های شخص ثالث را کم کنید. ویجت‌های چت، ردیاب‌ها و embedها روی هم جمع می‌شوند. web.dev می‌گوید اگر اسکریپتی ارزش روشنی اضافه نمی‌کند حذفش کنید، و اسکریپت‌های شخص ثالث را به‌صورت async بارگذاری کنید مگر اینکه باید پیش از رندر صفحه اجرا شوند.7
- click handlerها را سبک نگه دارید. برای INP، web.dev توصیه می‌کند در event callbackها تا حد ممکن کار کمی انجام دهید و کارهای طولانی را خرد کنید.8
- از هاست مناسب و CDN استفاده کنید. web.dev شبکه تحویل محتوا (CDN) را توصیه می‌کند تا مسافتی که فایل‌ها طی می‌کنند کمتر شود.5
سرعت فقط یک بخش از سایت قابل استفاده است. راهنمای دسترس‌پذیری وب‌سایت ما نیمه دیگر را پوشش می‌دهد: افرادی که از صفحه‌کلید، صفحه‌خوان یا زوم استفاده می‌کنند.
پرسش‌های متداول
امتیاز PageSpeed من پایین است اما Search Console می‌گوید Good. کدام درست است؟
هر دو می‌توانند درست باشند. امتیاز از یک آزمایش شبیه‌سازی‌شده آزمایشگاهی می‌آید؛ Search Console از بازدیدکنندگان واقعی در طول زمان استفاده می‌کند. Google توضیح می‌دهد که داده‌های آزمایشگاهی و واقعی ممکن است متفاوت باشند.4
به 100 کامل نیاز دارم؟
نه. برای صفحات مهمتان آستانه‌های «خوب» بالا را هدف بگیرید، سپس وقتتان را روی محتوا و مشتریان بگذارید.
آیا سایت سریع‌تر سرنخ بیشتری را تضمین می‌کند؟
هیچ‌کس نمی‌تواند چنین قولی بدهد. سرعت موانع را برمی‌دارد؛ اما پیشنهاد، نظرات و پیگیری شماست که فروش را انجام می‌دهد.
منابع
- web.dev، Web Vitals.
- Google Search Central، Understanding Core Web Vitals and Google search results (درک Core Web Vitals و نتایج جست‌وجوی Google).
- Search Console Help، Core Web Vitals report (گزارش Core Web Vitals).
- مستندات PageSpeed Insights، About PageSpeed Insights (درباره PageSpeed Insights).
- web.dev، Optimize Largest Contentful Paint (بهینه‌سازی LCP).
- web.dev، Optimize Cumulative Layout Shift (بهینه‌سازی CLS).
- web.dev، Efficiently load third-party JavaScript (بارگذاری بهینه JavaScript شخص ثالث).
- web.dev، Optimize Interaction to Next Paint (بهینه‌سازی INP).
ادامه مطلب
رزرو تماس مشاوره
نمی‌دانید چرا سایتتان کند به نظر می‌رسد؟ لینک را بفرستید تا با هم مرور کنیم چه چیزی مانعش است.