Core Web Vitals

Core Web Vitals چیست؟

مقالات طراحی وبسایت

4 دقیقه

4.5

۱۴۰۱/۰۲/۱۷

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

علی حجتی

وردپرس دولوپر

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

معیارهای اندازه گیری Core Web Vitals

هسته حیاتی وب در حال حاضر ۳ پارامتر را تحت بررسی قرار می‌دهد و با آنالیز این پارامترها به کیفیت تجربه کاربری (UX) سایت شما هنگام لود شدن پی می‌برد. لازم به ذکر است که مفهوم تجربه کاربری یک مفهوم کیفی است و گوگل با آنایز این پارامترها به یک عدد می‌رسد و آن را به صورت کمی بررسی می‌کند.

  • Largest Contentful Paint (LCP)
  • First Input Delay (FID)
  • Cumulative Layout Shift (CLS)

در ادامه به بررسی ماهیت هر یک از این پارامترها می‌پردازیم و سعی می‌کنیم با ذکر مثالی ساده فهم آنها را ساده تر کنیم.

Cumulative Layout Shift (CLS) چیست؟

پارامتر CLS که ترجمه تحت الفظی آن جابجایی فزاینده ساختار می‌شود به ثابت ماندن المان‌ها در هنگام لود شدن سایت شما اشاره می‌کند. به طور مثال اگر ۲ المان A و B به ترتیب قرار است لود شوند. نباید هنگام لود شدن جابه جایی داشته باشند زیرا ممکن است کاربر درهنگام لود شدن سایت تصمیم بگیرد روی المان A کلیک کند ولی چون این المان در صفحه جا به جا شده است کاربر جای اشتباهی را کلیک کند و به صفحه دیگری هدایت شود.

هرچه مقدار عددی این معیار کمتر باشد بهتر است.
در ابزارهای مختلف گوگل نمره کمتر از ۰.۱ برابر با عنوان Good است، نمره بین ۰.۱ تا ۰.۲۵ عنوان Need Improvement و نمره بیش از ۰.۲۵ با عنوان Poor شناسایی می‌شود.

First Input Delay (FID) چیست؟

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

فرض کنید کاربر در هنگام لود شدن صفحه بر روی یک دکمه برای اولین بار کلیک می‌کند. اگر این دکمه کار نکند تجربه خوبی را برای کاربر ایجاد نمی‌کند و کاربر مجبور می‌شود مجددا کلیک کند. در همین هنگام ممکن است کاربر تصور کند سایت شما مشکل فنی دارد و سایت را ترک کند.

واحد گزارش شده این پارامتر بر حسب میلی ثانیه است زیرا این پارامتر از جنس زمان است.

اگر مقدار این پارامتر کمتر از ۱۰۰ میلی ثانیه باشد خوب است، اگر بین ۱۰۰ تا ۳۰۰ میلی ثانیه باشد به بهبود نیاز دارد و بیشتر از ۳۰۰ میلی ثانیه مورد تایید گوگل نبوده و ضعیف است.

Largest Contentful Paint (LCP) چیست؟

LCP یکی از پارامترهای مهم در Core web vitals است و همان طور که از نام آن مشخصص است به زمانی اشاره می‌کند که بزرگ‌ترین محتوا صفحه شما طول می‌کشد تا لود شود. بزرگ ترین محتوا صفحه شما می‌تواند از جنس عکس، نوشته یا ایفریم باشد.

گوگل در پلتفرم سرچ کنسول خود برای LCP کمتر از ۲.۵ ثانیه عنوان خوب، بین ۲.۵ تا ۴ ثانیه عنوان نیاز به بهبود و برای بیش از ۴ ثانیه ضعیف را در نظر می‌گیرد.

سنجش و ابزارهای اندازه‌گیری Core Web Vitals

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

Google page speed insights

Google page speed insights یک ابزار رایگان و متاسفانه تحریم شده برای ایرانیان است که شرکت گوگل در سال ۲۰۱۳ برای اولین بار معرفی کرد. کافی است شما آدرس صفحه مد نظر خود را وارید کنید تا در کمتر از چند دقیقه گزارشی کامل به دست بیاورید. این گزارش شامل نمره پارامترهای هسته حیاتی وب و مشکلات صفحه شما است. شما می‌توانید با رفع مشکلات مطرح شده در گزارش به بهود تجربه کاربری سایت خود هنگام لود شدن کمک کنید. Google page speed insights این گزارش را در دونسخه موبایل و دسکتاپ به شما تحویل می‌دهد.

Google search console

بعد از مدتی که ترافیک وبسایت شما زیاد می‌شود در پنل سرچ کنسول سایت شما در بخش Core web vitals اطلاعات جمع آوری شده نمایان می‌شود.

نکته قابل توجه این است که آماری که در سرچ کنسول نمایش داده می‌شود به نوعی میانگین مقدار هر پارامتر برای کاربران سایت شما است.

اگر در این بخش برای سایت شما مشکلی گزارش شده باشد و شما ان را رفع کنید به گفته خود گوگل ۲۸ روز زمان نیاز است تا این امار در پنل سرچ کنسول گوگل بروزرسانی شود.

این ابزار هم آمار مربوط به دستگاه‌های موبایل و دسکتاپ را به صورت جداگانه به شما ارایه می‌دهد.

دیگر ابزارهای موجود برای تست core web vitals

  • Chrome UX (CrUX)
  •  Google Lighthouse
  •  گزارش Chrome DevTools

ارتباط Core Web Vitals و Page Experience

Page Experience یکی از پارامترهای شرکت گوگل برای بررسی تجربه کاربری سایت شما است که در سال ۲۰۲۱ معرفی شد.

Core Web Vitals زیر‌مجموعه page experience می‌شود.

تاثیر Core Web Vitals بر سئو

حال که متوجه شدید core web vitals چیست، خوب است بدانید که این پارامترها بر سئو سایت شما تاثیر مستقیم می‌گذارند.

به گفته گوگل پارامترهای حیاتی وب از اواخر سال ۲۰۲۱ جز پارامترهای رتبه بندی صفحات هستند. این پارامترها در ابتدا ۳ تا بوده و رفته رفته به آن‌ها اضافه می‌شود.

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

چرا Core Web Vitals مهم است؟

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

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

چطور Core Web Vitals را بهبود دهیم؟

بحث بهبود تجربه کاربری هنگام لود سایت یا همان Core web vitals یک بحث تخصصی است و شما برای بهبود آن نیاز دارید تا یک فرد متخصص‌در کنارتان باشد.

اگر قصد دارید تا پارامترهای سایت خود را ارتقا دهید با کارشناسان کدارکس در تماس باشید تا به صورت رایگان شما را راهنمایی کنند.

آیا مقاله مفید بود؟ به ما امتیاز دهید.

دیدگاه شما

دیدگاه خود را درباره این مقاله با ما به اشتراک بگذارید.