Web Vitals و معیارهای مختلف آن

مقدمه اجمالی

گوگل در سال ۲۰۲۰ مفهوم جدیدی به نام “Web Vitals” معرفی کرد که بر مجموعه کوچکی از معیارهای کلیدی برای ارزیابی تجربه صفحه شما تمرکز دارد.

با زمان‌بندی‌ها و ممیزی‌های بسیار برای ارزیابی عملکرد صفحه، این مجموعه کوچک نشان‌دهنده تاثیرگذارترین معیارهایی است که می‌توان به نفع ساده‌سازی عملکرد دنیای وب، روی آن تمرکز کرد.

و هر معیار یک جنبه کلیدی از تجربه صفحه، یعنی بارگذاری، تعامل و ثبات بصری را نشان می دهد.

Web Vitals اساساً صفحه شما را با ۳ معیار کلیدی که عملکرد سریع صفحه را تعریف می کنند، اندازه گیری می کند.

اهمیت Web Vitals با این واقعیت که نیمی از معیارهای محاسبه امتیاز عملکرد را تشکیل می دهند و همین‌طور ۷۰٪ از کل امتیاز عملکرد را تشکیل می دهند تأکید می شود.

معیارهای مختلف Web Vital کدامند؟

Web Vitals در GTmetrix بر سه معیار امتیاز عملکرد تمرکز دارد، یعنی:

• بزرگترین رنگ محتوایی (LCP): بزرگترین رنگ محتوایی (LCP) یک معیار در بهینه‌سازی سرعت وب است که نشان می‌دهد چه زمانی که محتوا با استفاده از یک فایل از یک صفحه وب برنامه‌ریزی می‌شود، محتوا به طور کامل در دید کاربر قرار می‌گیرد. در واقع، LCP زمانی را که کاربر می بیند وقتی که بیشترین بخش محتوای یک صفحه بارگیری می شود، مشخص می‌کند. با بهبود LCP، سایت‌های وب قادر خواهند بود تا تجربه‌ی کاربری بهتری را فراهم کنند و کاربران را در مقابل بارگیری پایدارتر صفحات محافظت کنند.
• زمان انسداد کل (TBT): زمان انسداد کل (Total Blocking Time یا TBT) است. این معیار نشان می‌دهد که در زمان لود صفحه، چقدر از زمانی که برای انجام عملیات تعاملی از کاربر لازم است، از بین می‌رود. با استفاده از TBT، می‌توانیم عملکرد صفحات وب را در زمان بارگیری ارزیابی کنیم و در صورت لزوم بهبود‌های لازم را انجام دهیم. هدف از رسیدن به تجربه کاربری بهتر، کاهش زمان انسداد کل و افزایش سرعت عملکرد صفحات وب است.
• تغییر چیدمان تجمعی (CLS): تغییر چیدمان تجمعی (CLS) یک معیار است که نشان می‌دهد به چه میزان در هنگام بارگیری صفحه وب، موارد نابرابری و تغییرات ناشی از تغییرات چیدمان محتوا بین به روزرسانی‌های خواندن چپ به راست و بالا به پایین موجب تغییر در نمایش صفحه شده است. CLS اهمیت بالایی در تجربه کاربری دارد و اگر مقدار آن بالا باشد، ممکن است موجب ایجاد اشتباهات و ناراحتی‌هایی برای کاربران شود، به خصوص زمانی که کاربر در حال مطالعه وبسایت یا استفاده از آن است. بنابراین، کاهش CLS یک هدف مهم در بهینه سازی صفحات وب است.

توجه داشته باشید که TBT به جای اولین تاخیر ورودی (FID) استفاده می‌شود، زیرا ابزار GTmetrix یک آزمایش مصنوعی است و FID یک متریک میدانی است که فقط با گزارش‌های تجربه کاربر Chrome (CrUX) در دسترس است.

چرا معیارهای Web Vital مهم هستند؟

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

Web Vitals به عنوان یک معیار ساده برای تجربه کاربر از نظر عملکرد درک شده، تعامل و لذت است.

هنگامی که عملکرد صفحه خود را در نظر می گیرید، این مجموعه کوچکتر از معیارها باید اولین موردی باشد که باید روی آن تمرکز کنید.

بعلاوه، Web Vitals نمایانگر آن چیزی است که بازدیدکنندگان شما هنگام بازدید از صفحه شما برای اولین بار در نمای خود می بینند، یعنی محتوای بالای صفحه. چیزی که آنها ابتدا می بینند در نهایت بر درک آنها از عملکرد صفحه شما تأثیر می گذارد.

تمرکز بر این سه معیار ابتدا به شما امکان می دهد قبل از نیاز به کاوش بیشتر در بهینه سازی های دیگر، دستاوردهای قابل اندازه ای را در عملکرد درک شده و واقعی به دست آورید.