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

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

Core Web Vitals چیست؟ و چرا باید به آن اهمیت دهید؟

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

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

بیشتربخوانید: دیجیتال مارکتینگ چیست و چرا مهم است؟

سه معیار اصلی Core Web Vital

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

1.بارگیری Largest Contentful Paint (LCP)

• تعریف: LCP زمانی را نشان می‌دهد که بزرگترین عنصر محتوا در صفحه قابل مشاهده شود. این عنصر می‌تواند یک تصویر، یک بلوک متن یا هر عنصر دیگری باشد که بیشترین فضا را در صفحه اشغال می‌کند.معیار کلی برای گوگل 2.5 ثانیه است.
• اهمیت: LCP به سرعت بارگذاری اولیه صفحه اشاره دارد و نشان می‌دهد که کاربر چقدر سریع می‌تواند محتوای اصلی صفحه را ببیند. یک LCP کم نشان می‌دهد که صفحه به سرعت بارگذاری می‌شود و تجربه کاربری بهتری را ارائه می‌دهد.
• تأثیر بر تجربه کاربری: LCP طولانی باعث می‌شود کاربران احساس کنند که صفحه کند بارگذاری می‌شود و ممکن است صبر آن‌ها را از دست بدهند و سایت را ترک کنند.

نحوه بهبود LCP در کور وب ویتال

• انتخاب فرمت مناسب: به جای فرمت‌های سنگین مانند JPEG، از فرمت‌های سبک‌تری مثل WebP یا AVIF استفاده کنید. این کار حجم فایل‌ها را کاهش داده و سرعت بارگذاری صفحه را افزایش می‌دهد.
• کاهش اندازه تصاویر: اندازه تصاویر را متناسب با جایی که قرار است نمایش داده شوند تنظیم کنید. ابزارهای آنلاین زیادی برای این کار وجود دارند.
• فشرده‌سازی تصاویر بدون افت کیفیت: با استفاده از ابزارهای فشرده‌سازی مانند TinyPNG یا Squoosh، حجم تصاویر را کاهش دهید.
• بارگذاری تنبل تصاویر: تصاویری که در ابتدا برای نمایش صفحه ضروری نیستند را به صورت تنبل بارگذاری کنید. یعنی وقتی کاربر به آن قسمت از صفحه رسید، تصویر بارگذاری شود.

2.تعامل FID (First Input Delay)

• تعریف: FID زمانی را نشان می‌دهد که بین اولین تعامل کاربر با صفحه (مانند کلیک روی یک دکمه یا لمس یک عنصر) و زمانی که مرورگر می‌تواند به آن تعامل پاسخ دهد، طول می‌کشد.
• اهمیت: FID به پاسخگویی صفحه به تعاملات کاربر اشاره دارد. یک FID کم نشان می‌دهد که صفحه به سرعت به ورودی‌های کاربر پاسخ می‌دهد و تجربه کاربری روان‌تری را فراهم می‌کند.
• تأثیر بر تجربه کاربری: FID بالا باعث می‌شود کاربران احساس کنند که صفحه کند و کند پاسخ می‌دهد و ممکن است از تعامل با آن ناامید شوند.

نحوه بهبود FID در کور وب ویتال

• تعویق انداختن اجرای جاوا اسکریپت: یکی از مهم‌ترین عوامل تأثیرگذار بر FID، اجرای جاوا اسکریپت است. با تعویق انداختن اجرای جاوا اسکریپت‌هایی که برای رندر اولیه صفحه ضروری نیستند، می‌توان FID را به طور قابل توجهی بهبود بخشید.
• حذف اسکریپت‌های غیرضروری: مشابه LCP، حذف اسکریپت‌هایی که برای عملکرد اصلی صفحه ضروری نیستند، باعث کاهش بارگذاری صفحه و بهبود FID می‌شود.
• استفاده از کش مرورگر: با استفاده از کش مرورگر، فایل‌های جاوا اسکریپت در دستگاه کاربر ذخیره می‌شوند و در بازدیدهای بعدی نیازی به بارگذاری مجدد آن‌ها نیست. این امر سرعت بارگذاری صفحه را افزایش داده و FID را بهبود می‌بخشد.
• بارگذاری محلی فریم‌ورک‌ها: به جای بارگذاری فریم‌ورک‌ها از منابع خارجی، آن‌ها را بر روی سرور خود بارگذاری کنید. این کار باعث کاهش زمان پاسخگویی و بهبود FID می‌شود.

3.پایداری بصری Cumulative Layout Shift (CLS)

• تعریف: CLS مجموع جابه‌جایی‌های غیرمنتظره‌ای است که عناصر صفحه پس از بارگذاری اولیه تجربه می‌کنند. این جابه‌جایی‌ها می‌توانند باعث شوند که کاربران روی عناصر اشتباهی کلیک کنند یا متن را به اشتباه بخوانند.
• اهمیت: CLS به پایداری بصری صفحه اشاره دارد. یک CLS کم نشان می‌دهد که صفحه بصری پایدار است و عناصر صفحه به طور غیرمنتظره‌ای جابه‌جا نمی‌شوند.
• تأثیر بر تجربه کاربری: CLS بالا باعث می‌شود کاربران احساس کنند که صفحه ناپایدار است و ممکن است از استفاده از آن ناامید شوند.

نحوه بهبود CLS در کور وب ویتال

• استفاده از ابعاد دقیق برای عناصر رسانه‌ای: برای هر تصویر، ویدیو یا عنصر تعاملی، ابعاد دقیقی مشخص کنید. این کار باعث می‌شود مرورگر بتواند فضای مورد نیاز برای هر عنصر را از قبل رزرو کند و از جابه‌جایی‌های ناگهانی جلوگیری کند.
• تعیین مکان ثابت برای عناصر تبلیغاتی: عناصر تبلیغاتی را در مکان‌هایی قرار دهید که با بارگذاری کامل صفحه جابه‌جا نشوند. این کار باعث می‌شود کاربران بتوانند به‌راحتی روی این عناصر کلیک کنند.
• اضافه کردن عناصر UI مهم در بالای صفحه: مهم‌ترین عناصر صفحه را در بالای صفحه قرار دهید تا با بارگذاری صفحه، کاربر بتواند به آن‌ها دسترسی داشته باشد و از جابه‌جایی آن‌ها جلوگیری شود.
• بارگذاری فونت‌ها به صورت محلی: فونت‌های مورد نیاز را بر روی سرور خود بارگذاری کنید. این کار باعث می‌شود فرایند بارگذاری فونت‌ها سریع‌تر انجام شود و از تأخیر در رندر صفحه جلوگیری کند.

بیشتربخوانید: فایل robot.txt چیست؟

آستانه‌های توصیه‌شده برای معیارهای Core Web Vitals

بارگیری Largest Contentful Paint (LCP)

– یک LCP خوب 2.5 ثانیه یا کمتر است. این بدان معنی است که تصویر اصلی، ویدیو یا بلوک بزرگ متن تقریباً بلافاصله هنگام ورود کسی به صفحه بارگذاری می‌شود.

-یک LCP بین 2.6 تا 4 ثانیه به این معنی است که سرعت سایت شما نیاز به بهبود دارد.

-و یک LCP ضعیف هر چیزی بیش از 4 ثانیه است. زیرا می‌تواند بازدیدکنندگان را ناامید کند و احتمال ترک سایت شما را افزایش دهد.

FID (First Input Delay)

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

-یک INP خوب 200 میلی‌ثانیه یا کمتر است.

-یک INP بین 200 تا 500 میلی‌ثانیه به این معنی است که تعامل‌پذیری سایت شما نیاز به بهبود دارد.

-یک INP بیش از 500 میلی‌ثانیه نشان‌دهنده یک تجربه تعاملی ضعیف برای کاربران شما است. این به معنای تأخیرهای قابل توجه و کندی در پاسخ به اقدامات کاربر است.

ابزارهای اندازه گیری Core Web Vitals

• PageSpeed Insights: این ابزار گوگل یکی از محبوب‌ترین و جامع‌ترین ابزارها برای ارزیابی Core Web Vitals است. PageSpeed Insights به شما امتیاز و پیشنهادهایی برای بهبود عملکرد سایت ارائه می‌دهد.
• Lighthouse: این ابزار نیز توسط گوگل توسعه یافته و به صورت یک افزونه برای مرورگر کروم قابل نصب است. Lighthouse به شما امکان می‌دهد آزمایش‌های دقیق‌تری روی صفحات وب انجام داده و گزارش‌های کاملی از عملکرد سایت دریافت کنید.
• GTmetrix: این ابزار علاوه بر اندازه‌گیری Core Web Vitals، اطلاعات مفیدی در مورد سایر جنبه‌های عملکرد سایت مانند زمان بارگذاری صفحه، تعداد درخواست‌ها و اندازه فایل‌ها ارائه می‌دهد.
• WebPageTest: این ابزار به شما امکان می‌دهد آزمایش‌های پیشرفته‌تری روی سایت خود انجام داده و نتایج را به صورت ویدیو مشاهده کنید.

نکاتی برای اولویت‌بندی اصلاحات Core Web Vitals

کلید موفقیت در رفع مشکلات Core Web Vitals، اولویت‌بندی آن‌ها است. با این کار می‌توانید به تدریج عملکرد سایت خود را بهبود بخشید.

• سادگی پیاده‌سازی را در نظر بگیرید: گاهی اوقات، رفع یک مشکل سریع‌تر از مشکل دیگر است. به عنوان مثال، بهینه‌سازی تصاویر برای بهبود LCP ممکن است ساده‌تر از تنظیم طرح‌بندی‌های پیچیده برای بهبود CLS باشد.
• هدف وب‌سایت خود را به خاطر بسپارید: اگر سایتی با محتوای زیاد مانند یک وبلاگ یا نشریه خبری دارید، بهبود LCP در ابتدا ممکن است تأثیر بیشتری داشته باشد زیرا کاربران شما بیش از همه به سرعت بارگذاری محتوا اهمیت می‌دهند. اما اگر یک سایت تجارت الکترونیک دارید که به تعامل کاربر بسیار وابسته است، در این صورت اولویت‌بندی CLS منطقی‌تر است.
• به داده‌ها نگاه کنید: اگر برخی از صفحات به طور قابل‌توجهی بدتر از سایرین هستند، ممکن است بخواهید از آن‌ها شروع کنید. می‌توانید از Site Audit برای کمک استفاده کنید. در گزارش “Core Web Vitals”، به بخش “صفحات تحلیل‌شده” بروید تا لیستی از URLها با وضعیت‌های “ضعیف” و “نیاز به بهبود” را مشاهده کنید.

بیشتربخوانید: نقشه سایت چیست؟

نتیجه‌گیری

در دنیای رقابت امروز، داشتن یک وب‌سایت با عملکرد بالا امری ضروری است. گوگل به عنوان بزرگ‌ترین موتور جستجو، به طور مداوم در حال به‌روزرسانی الگوریتم‌های خود است و به وب‌سایت‌هایی که تجربه کاربری بهتری را ارائه می‌دهند، اولویت می‌دهد. بنابراین، سرمایه‌گذاری در بهبود Core Web Vitals، یک سرمایه‌گذاری بلندمدت و سودآور برای هر کسب‌وکاری است.آژانس دیجیتال مارکتینگ مازاریت با ارائه خدمات سئو در یزد و بهینه‌سازی وب‌سایت، می‌تواند به شما در دستیابی به بهترین نتایج کمک کند.

سوالات متداول