تاثیر تجاری Core Web Vitals

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

ساوراب راجپال
Saurabh Rajpal
سوئتا گوپالاکریشنان
Swetha Gopalakrishnan

LCP، FID، CLS

آیا در تلاش برای متقاعد کردن سهامداران خود برای استفاده از Core Web Vitals هستید؟ یا از خود می پرسید که آیا واقعاً به کسب و کار شما کمک می کند؟ این مقاله به شما کمک می‌کند تا با بررسی نمونه‌هایی از شرکت‌هایی که قبلاً تأثیر مثبتی برای کاربران و کسب‌وکار خود داشته‌اند، درک کنید که Core Web Vitals چگونه با معیارهای کلیدی کسب‌وکار ارتباط دارد.

اگر ویدیو را ترجیح می دهید، این سخنرانی را از Google I/O بررسی کنید:

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

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

فکر کردن به Core Web Vitals.

مسیر رسیدن به Core Web Vital های خوب می تواند از سایتی به سایت دیگر بسته به اینکه آنها در مسیر عملکرد قرار دارند و چقدر طراحی سایت پیچیده است متفاوت باشد. می تواند از گرفتن میوه کم آویزان و گرفتن نتایج معنی دار متغیر باشد. برای پیاده سازی راه حل های پیچیده که مسائل چالش برانگیز را برطرف می کند. صرف نظر از مقدار زمان صرف شده، تصمیم گیرندگان باید این را به عنوان یک سرمایه گذاری بلندمدت برای رشد کسب و کار خود تلقی کنند. ارائه یک تجربه ناوبری سریع و بدون درز کاربران را خوشحال می کند و به تبدیل آنها به مشتریان وفادار و بازگشتی کمک می کند. برای مدیران محصول، عملکرد باید معیار مهمی باشد که کیفیت و موفقیت ویژگی های محصول جدید را مشخص می کند. و برتری محصول و کار بر روی چالش های جالب رضایت توسعه دهندگان را نیز بهبود می بخشد.

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

مطالعات موردی

وودافون

Vodafone (ایتالیا) LCP را 31٪ بهبود داد تا به 8٪ فروش بیشتر دست یابد.

8 درصد فروش بیشتر

تکنیک

  • سمت سرور HTML حیاتی را رندر کنید.
  • کاهش رندر مسدود کردن جاوا اسکریپت.
  • تکنیک های بهینه سازی تصویر
  • تغییر اندازه تصویر قهرمان؛ منابع غیر بحرانی را به تعویق بیندازید

یادگیری های کلیدی

  • تست A/B بهترین راه برای اندازه گیری تاثیر معنادار است.
  • A/B باید سمت سرور باشد.

من میپزم

iCook CLS را 15% بهبود داد تا 10% درآمد بیشتری از تبلیغات بدست آورد.

نمودار افزایش درآمد تبلیغاتی را نشان می دهد.

تکنیک

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

یادگیری های کلیدی

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

توکوپدیا

توکوپدیا LCP را 55 درصد بهبود بخشید و میانگین مدت جلسه را 23 درصد بهتر دید.

قبل از 3.78 ثانیه، بعد از 1.72 ثانیه.

تکنیک

  • عنصر LCP رندر سمت سرور (SSR).
  • پیش بارگذاری عنصر LCP.
  • بهینه سازی تصویر (فشرده سازی، WebP، بارگذاری تنبل تصاویر غیر بحرانی).

یادگیری های کلیدی

  • یک داشبورد نظارت بر عملکرد برای نظارت بر پیشرفت و تأثیر در بین تیم ها ساخته شده است.
  • با تکنیک‌های مختلف رندر آزمایش شده است (به عنوان مثال، عنصر SSR LCP در مقابل SSR بالای محتوای تا شده در مقابل رندر کامل سمت مشتری).

ردباس

اصلاحات Core Web Vitals به نرخ تبدیل موبایلی 80 تا 100 درصد (mCVR) و ارتقای رتبه‌بندی دامنه قابل توجه در ویژگی‌های بازار جهانی Redbus کمک کرده است.

192٪ ارتقاء رتبه دامنه در کلمبیا

تکنیک

یادگیری های کلیدی

  • کاهش CLS از 1.65 به 0 به طور قابل توجهی رتبه بندی دامنه آنها را در سطح جهانی ارتقا داد.
  • کاهش TTI از حدود 8 ثانیه به حدود 4 ثانیه و TBT از حدود 1200 میلی ثانیه به حدود 700 میلی ثانیه به افزایش 80 تا 100 درصدی mCVR در خواص جهانی کمک کرد.
  • استفاده از ابزارهای RUM به ثبت معیارهای عملکرد دنیای واقعی در بازارهای سطح پایین کمک کرد.
  • اتخاذ فرهنگ عملکرد برای جلوگیری از پسرفت بسیار مهم است. این همچنین به لطف کد بهینه شده، انتشار سریعتر و مشکلات تولید کمتر، بهره وری تیم را بهبود می بخشد.

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

Netzwelt شاهد افزایش 18 درصدی درآمد تبلیغات، Lazada با 3 برابر LCP و 16.9 درصد افزایش در نرخ تبدیل در تلفن همراه، GYAO شاهد 3.1 برابر LCP و 108 درصد بهبود در نرخ کلیک شد.

نتایج فوق با گرفتن میوه کم آویزان مانند:

بهینه سازی تصویر بهینه سازی جاوا اسکریپت تبلیغات و محتوای پویا
استفاده از فرمت تصویر WebP به تعویق انداختن JS شخص ثالث رزرو فضا برای تبلیغات در بالای صفحه
استفاده از CDN های تصویر حذف Render-blocking و JS استفاده نشده تنظیم ارتفاع برای محتوای پویا
فشرده سازی بارگیری تنبل JS غیر بحرانی
به تعویق انداختن تصاویر غیر انتقادی پیش بارگیری JS حیاتی
پیش بارگذاری تصاویر قهرمان
تعیین نسبت تصویر

برای بهترین روش‌های بیشتر، راهنمای Web Vitals را بررسی کنید. از PageSpeed ​​Insights برای بررسی وب سایت خود استفاده کنید و فوراً توصیه های عملی دریافت کنید.

چندین برند جهانی دیگر نیز از سرمایه گذاری در Core Web Vitals سود برده اند.

حالا چطور می توانید شروع کنید؟

مرحله 1: شروع به اندازه گیری کنید

با اندازه گیری داده های میدانی سایت خود با استفاده از ابزارهای نظارت واقعی کاربر (RUM) شروع کنید. Google و ابزارهای RUM شخص ثالث (3P) در حال حاضر در دسترس هستند.

ابزار RUM

ابزارهای رام گوگل

  • کنسول جستجو
  • PageSpeed ​​Insights
  • کتابخانه جاوا اسکریپت web-vitals
  • گزارش تجربه کاربر Chrome (CrUX)

ابزارهای RUM شخص ثالث

  • Cloudflare
  • یادگار جدید
  • آکامای
  • کالیبر
  • مثلث آبی
  • نگهبان
  • SpeedCurve
  • رایگون

ابزاری را انتخاب کنید که بهترین کار را برای شما دارد. می توانید یک قدم فراتر بروید و با Google Analytics 4 ادغام شوید تا Core Web Vitals را با معیارهای کسب و کار خود مرتبط کنید.

مرحله 2: ذینفعان خود را متقاعد کنید

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

مرحله 3: اجرای موفقیت آمیز را با استفاده از این نکات ارائه دهید

  • اولویت بندی : صفحه ای با ترافیک و/یا اهمیت تبدیل بالا را برای ارائه نتایج معنادار انتخاب کنید (مثلاً صفحه فرود تبلیغات، صفحه تبدیل یا صفحات محبوب).
  • تست A/B : از تست سمت سرور برای جلوگیری از هرگونه هزینه رندر استفاده کنید. نتایج را بین نسخه های بهینه و غیربهینه مقایسه کنید.
  • مانیتور : از نظارت مستمر برای جلوگیری از رگرسیون استفاده کنید.

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