core web vitals چیست ؟

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

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

این را هم بدانید که در حالی که بنا به اعلام گوگل به روز رسانی تجربه کاربری به زودی اجرا می شود، به نظر می رسد که در مراحل اولیه تاثیر قابل ملاحظه ای در نتایج جستجوی گوگل و رنک دهی نداشته باشد و به مرور زمان باید در طراحی و بهینه کردن وبسایت ها مورد توجه قرار گیرد.

ابزارهای مختلف برای اندازه گیری معیارها

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

ابزار گوگل برای اندازه گیری سرعت وب سایت ها

اما سوال این است که به عنوان یک دارنده وبسایت اعدادی که این ابزارها به شما نشان می دهند به چه معنا خواهند بود؟ و در وبسایت باید چه مولفه هایی را تحت نظر داشته باشید؟ یا این که آیا نمره ای که سایت شما در حال حاضر می گیرد قابل قبول است؟

وقتی زمان یافتن به پاسخ این سوالات می رسد هر دارنده وبسایت و سئوکاری نیاز دارد تا جنبه های مختلف سایت و سوالات متعددی را پاسخ دهد.

گوگل در تلاش است تا شکاف بین این سوالات و فهم نحوه بهینه سازی سایت از این جنبه را پر کند. با این وجود هنوز هم این موضوع برای بسیاری پیچیده است و ارزیابی تجربه کاربری هنوز هم سخت می باشد. ما در ادامه این موضوع را برای شما به طور کامل تر بیان خواهیم کرد.

هسته های حیاتی گوگل چیست؟

هسته های حیاتی گوگل به تنهایی بر روی سایت تاثیر نمی گذارند و در واقع در ترکیبی با متریک های دیگر کار می کنند. تعدادی از این متریک ها را باید با تست اندازه گیری کرد و تعدادی دیگر را باید با داده های موجود ارزیابی نمود.

پژوهش های متعددی توسط گوگل در این مورد انجام شده است و در نهایت مجموعه ای از فاکتورهای اساسی برای وبسایت ها مشخص شدند (که در واقع مجموعه ای از فاکتورها و متریک های شناخته شده قبلی در کنار چندین متریک جدید هستند).

در بین این متریک ها، core web vitals مهم ترین آن ها هستند و به همین دلیل گوگل به طور ویژه از صاحبان وبسایت ها خواسته است تا توجه دقیقی به آن ها داشته باشند و در موقعیت مناسب با صبر و حوصله آن ها را بهبود دهند. همچنین امکان رصد عملکرد هر وب سایت در این زمینه در گوگل سرچ کنسول فراهم شده است. این ویژگی از سال 2021 به سرچ کنسول اضافه شه است که نشانگر جدیت گوگل در بکارگیری ملاک ها core web vital  میباشد.

بزرگ ترین بخش محتوایی یا LCP

LCP که مخفف کلمات largest contentful paint می باشد به بزرگ ترین بخش محتوایی در سایت گفته می شود که در صفحه نمایش ظاهر خواهد شد (معمولا بزرگترین تصویر). به خاطر داشته باشید که این متریک به سرعت بارگذاری کامل صفحه توجه ندارد و تمرکز آن بر روی سرعت بارگذاری مهم ترین عناصر محتوایی در صفحه خواهد بود.

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

اگر از وردپرس استفاده می کنید بهتر از از پلاگین برای کم کردن سایز تصاویر استفاده نکنید و بجای ان تصاویر را قبل از بارگذاری با فتوشاپ بهینه کنید. این کار با قابلیت save for web فتوشاپ از منوی file/export در دسترس و قابل انجام است.

جالب است بدانید که گذشته متریک های دیگر مانند “اولین محتوای دارای مفهوم” وجود داشت که به اولین محتوایی گفته می شد که برای کاربر معنی دار بوده و در صفحه ظاهر می شد. اما مشکل اینجا بود که بر خلاف اسمی که برای این محتوا ذکر شده بود، امکان تشخیص محتواهای دارای معنا توسط کاربر در صفحه به راحتی ممکن نبود.

اما بر خلاف تشخیص محتوای دارای مفهوم در صفحه که کار سختی است، تشخیص بزرگ ترین محتوای صفحه کار ساده ای است و سرعت بارگذاری آن نیز می تواند اندازه گیری شود (این محتوا می تواند بزرگ ترین تصویر، یک ویدئو، متن اصلی و … باشد).

چگونه lcp را بهینه کنیم؟

حال که می دانید بزرگ ترین محتوای صفحه چیست، نوبت به بهینه سازی سایت شما می رسد. بر اساس گفته های گوگل هر دارنده سایتی باید تلاش کند تا بزرگ ترین محتوا در عرض 2.5 ثانیه در صفحه نمایش کاربر ظاهر شود. اگر این زمان تا 4 ثانیه طول بکشد نیاز به بهینه سازی دارید و در صورت افزایش زمان بارگذاری بزرگ ترین محتوا به بیش از 4 ثانیه سایت شما عملکرد ضعیفی دارد.

بر اساس گفته های گوگل این معیار به وسیله چند فاکتور تحت تاثیر قرار می گیرد که عبارت هستند از:

سرعت پاسخگویی سرور

شما باید سرور خود را بهینه کنید و از CDN استفاده کنید. یا این که از روش های دیگر مانند استفاده از قابلیت های cashe برای بهبود سرعت پاسخگویی سرور استفاده نمایید.

جاوااسکریپت و css

css خود را کاهش دهید و بخش های غیر مهم را مشخص کرده و تنها از بخش های مهم استفاده کنید.

بهبود منابع دارای سرعت کم

تصاویر خود را که با سرعت کم بارگذاری می شوند بهینه کنید. فایل های متنی را فشرده کنید و ….

حل مشکلات از سمت کاربر

حجم جاوا اسکریپت غیر ضروری را کاهش دهید و از قابلیت های سرور مانند rendering استفاده کنید.

البته گوگل مطالب بیشتری را در مورد پشت صحنه lcp و چگونگی بهینه کردن آن در اختیار شما قرار می دهد.

تاخیر اول پس از ورود کاربر: FID

FID مدت زمانی است که طول خواهد کشید تا مرورگر شما به اولین واکنش کاربر پاسخ بدهد و با کلمات Fisrt input delay نشان داده می شود. هر چه مرورگر شما با سرعت بیشتری به واکنش کاربر پاسخ بدهد، بهتر خواهد بود. هدف از این معیار دادن یک تجربه بهتر به کاربر در زمان تعامل با صفحات سایت در اولین قدم می باشد.

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

توجه داشته باشید که اگر کاربر در زمان ورود به سایت بر روی دکمه و یا سربرگی کلیک کند و واکنش مناسب روی ندهد و مجبور شود برای بارهای بعد کلیک کند، این می تواند برای او کمی ناخوشایند باشد. در مواقعی حتی کوچک ترین تاخیر نیز به معنی عدم پاسخگو بودن سایت برای کاربر خواهد بود.

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

اما در هر صورت تلاش دارندگان وبسایت باید در کاهش زمان FID به کمترین حد ممکن با توجه به استانداردهای گوگل باشد.

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

پس از این ارزیابی ها در صورتی که این متریک زیر 100 میلی ثانیه باشد به معنی پاسخگویی سایت شما خواهد بود و اگر زمان واکنش به درخواست کاربر بیش از 100 میلی ثانیه تا 300 میلی ثانیه باشد به معنی نیاز به بهبود است. در این حالت شما در ناحیه زرد قرار دارید. اما اگر زمان پاسخ دادن به درخواست کاربر در اولین مرحله وارد شدن به سایت بیش از 300 میلی ثانیه شود به معنی عملکرد ضعیف می باشد.