Core Web Vitals چیست؟ راهنمای LCP، INP و CLS

# Core Web Vitals چیست؟ راهنمای LCP، INP و CLS

Core Web Vitals زمانی ارزشمند است که به یک تصمیم قابل اجرا منتهی شود. معیارهای حیاتی وب کیفیت بارگذاری، پاسخ‌گویی و ثبات بصری را از دید تجربه کاربر نشان می‌دهند در این راهنما موضوع را مرحله‌به‌مرحله بررسی می‌کنیم، تفاوت داده قطعی و فرضیه را روشن نگه می‌داریم و هیچ رتبه، ترافیک یا نتیجه‌ای را تضمین نمی‌کنیم.

Core Web Vitals دقیقاً چه مسئله‌ای را حل می‌کند؟

هدف اصلی از Core Web Vitals ساختن تصویری قابل اعتماد از وضعیت فعلی و مشخص‌کردن اقدام بعدی است. نتیجه باید به URL، پاسخ سرور، HTML قابل مشاهده یا داده یک ابزار معتبر متکی باشد. اگر داده کافی در دسترس نیست، عبارت «داده موجود نیست» دقیق‌تر از تخمین‌زدن عدد است.

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

مراحل اجرای Core Web Vitals

1. اندازه‌گیری Field Data

در مرحله «اندازه‌گیری Field Data» ابتدا Evidence لازم را جمع‌آوری کنید و بعد درباره اصلاح تصمیم بگیرید. بررسی را روی URL عمومی و نسخه Canonical انجام دهید، Status و زمان ثبت داده را بنویسید و مشخص کنید نتیجه به یک صفحه محدود است یا در Templateهای دیگر نیز تکرار می‌شود. اقدام پیشنهادی باید مسئول، اولویت و معیار پذیرش داشته باشد.

2. شناسایی عنصر LCP

در مرحله «شناسایی عنصر LCP» ابتدا Evidence لازم را جمع‌آوری کنید و بعد درباره اصلاح تصمیم بگیرید. بررسی را روی URL عمومی و نسخه Canonical انجام دهید، Status و زمان ثبت داده را بنویسید و مشخص کنید نتیجه به یک صفحه محدود است یا در Templateهای دیگر نیز تکرار می‌شود. اقدام پیشنهادی باید مسئول، اولویت و معیار پذیرش داشته باشد.

3. تحلیل Interactionهای INP

در مرحله «تحلیل Interactionهای INP» ابتدا Evidence لازم را جمع‌آوری کنید و بعد درباره اصلاح تصمیم بگیرید. بررسی را روی URL عمومی و نسخه Canonical انجام دهید، Status و زمان ثبت داده را بنویسید و مشخص کنید نتیجه به یک صفحه محدود است یا در Templateهای دیگر نیز تکرار می‌شود. اقدام پیشنهادی باید مسئول، اولویت و معیار پذیرش داشته باشد.

4. ردیابی Layout Shift

در مرحله «ردیابی Layout Shift» ابتدا Evidence لازم را جمع‌آوری کنید و بعد درباره اصلاح تصمیم بگیرید. بررسی را روی URL عمومی و نسخه Canonical انجام دهید، Status و زمان ثبت داده را بنویسید و مشخص کنید نتیجه به یک صفحه محدود است یا در Templateهای دیگر نیز تکرار می‌شود. اقدام پیشنهادی باید مسئول، اولویت و معیار پذیرش داشته باشد.

5. تفکیک Templateها

در مرحله «تفکیک Templateها» ابتدا Evidence لازم را جمع‌آوری کنید و بعد درباره اصلاح تصمیم بگیرید. بررسی را روی URL عمومی و نسخه Canonical انجام دهید، Status و زمان ثبت داده را بنویسید و مشخص کنید نتیجه به یک صفحه محدود است یا در Templateهای دیگر نیز تکرار می‌شود. اقدام پیشنهادی باید مسئول، اولویت و معیار پذیرش داشته باشد.

6. پایش بعد از Deploy

در مرحله «پایش بعد از Deploy» ابتدا Evidence لازم را جمع‌آوری کنید و بعد درباره اصلاح تصمیم بگیرید. بررسی را روی URL عمومی و نسخه Canonical انجام دهید، Status و زمان ثبت داده را بنویسید و مشخص کنید نتیجه به یک صفحه محدود است یا در Templateهای دیگر نیز تکرار می‌شود. اقدام پیشنهادی باید مسئول، اولویت و معیار پذیرش داشته باشد.

اشتباهات رایج

اجرای سریع بدون ثبت وضعیت اولیه باعث می‌شود اثر اصلاح قابل سنجش نباشد. سه خطای رایج در این موضوع عبارت‌اند از:

• بهینه‌سازی مصنوعی تست؛ پیش از اقدام، اثر آن را روی کاربر، Crawl و هدف تجاری صفحه بررسی کنید.

• Lazy Load اشتباه LCP؛ پیش از اقدام، اثر آن را روی کاربر، Crawl و هدف تجاری صفحه بررسی کنید.

• رزرو نکردن ابعاد تصویر؛ پیش از اقدام، اثر آن را روی کاربر، Crawl و هدف تجاری صفحه بررسی کنید.

چگونه نتیجه را اندازه‌گیری کنیم؟

برای ارزیابی Core Web Vitals از یک عدد منفرد استفاده نکنید. معیارها را در بازه ثابت و برای URL یا Property یکسان مقایسه کنید:

• LCP؛ منبع، بازه و آخرین زمان بروزرسانی آن باید کنار عدد ثبت شود.

• INP؛ منبع، بازه و آخرین زمان بروزرسانی آن باید کنار عدد ثبت شود.

• CLS؛ منبع، بازه و آخرین زمان بروزرسانی آن باید کنار عدد ثبت شود.

چک‌لیست نهایی

• [ ] اندازه‌گیری Field Data

• [ ] شناسایی عنصر LCP

• [ ] تحلیل Interactionهای INP

• [ ] ردیابی Layout Shift

• [ ] تفکیک Templateها

• [ ] پایش بعد از Deploy

• [ ] نتیجه روی موبایل و دسکتاپ بررسی شده است.

• [ ] داده‌های خصوصی، Token و Password در گزارش قرار نگرفته‌اند.

• [ ] بعد از اصلاح، همان تست با Scope یکسان دوباره اجرا شده است.

جمع‌بندی

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