این مقاله به شما کمک میکند تا با بررسی نمونههایی از شرکتهایی که قبلاً تأثیر مثبتی برای کاربران و کسبوکار خود دیدهاند، بفهمید که Core Web Vitals چگونه با معیارهای کلیدی کسبوکار ارتباط دارد.
آیا در تلاش برای متقاعد کردن سهامداران خود برای استفاده از Core Web Vitals هستید؟ یا از خود می پرسید که آیا واقعاً به کسب و کار شما کمک می کند؟ این مقاله به شما کمک میکند تا با بررسی نمونههایی از شرکتهایی که قبلاً تأثیر مثبتی برای کاربران و کسبوکار خود داشتهاند، درک کنید که Core Web Vitals چگونه با معیارهای کلیدی کسبوکار ارتباط دارد.
اگر ویدیو را ترجیح می دهید، این سخنرانی را از Google I/O بررسی کنید:
چرا Core Web Vitals برای کاربران و کسب و کار شما اهمیت دارد؟
ذینفعان مختلف در یک سازمان می توانند اولویت های متفاوتی داشته باشند. Core Web Vitals میتواند با تمرکز بر بهینهسازی معیارهای کاربر محور و رشد کسبوکار در نتیجه، همه آنها را در یک صفحه قرار دهد.
مسیر رسیدن به Core Web Vital های خوب می تواند از سایتی به سایت دیگر بسته به اینکه آنها در مسیر عملکرد قرار دارند و چقدر طراحی سایت پیچیده است متفاوت باشد. می تواند از گرفتن میوه کم آویزان و گرفتن نتایج معنی دار متغیر باشد. برای پیاده سازی راه حل های پیچیده که مسائل چالش برانگیز را برطرف می کند. صرف نظر از مقدار زمان صرف شده، تصمیم گیرندگان باید این را به عنوان یک سرمایه گذاری بلندمدت برای رشد کسب و کار خود تلقی کنند. ارائه یک تجربه ناوبری سریع و بدون درز کاربران را خوشحال می کند و به تبدیل آنها به مشتریان وفادار و بازگشتی کمک می کند. برای مدیران محصول، عملکرد باید معیار مهمی باشد که کیفیت و موفقیت ویژگی های محصول جدید را مشخص می کند. و برتری محصول و کار بر روی چالش های جالب رضایت توسعه دهندگان را نیز بهبود می بخشد.
در حالی که Core Web Vitals به عنوان یک سیگنال رتبهبندی انگیزه بیشتری برای سرمایهگذاری زمان در عملکرد میدهد، استفاده از Core Web Vitals مزایای کوتاهمدت و بلندمدت دیگری فراتر از رتبهبندی دارد. بیایید چندین مطالعه موردی از مارکهای جهانی و محلی را که Core Web Vitals (قبل از تأثیر آن بر رتبهبندی) به دلیل تمرکز آن بر تجربه کاربر، اتخاذ کردهاند، بررسی کنیم.
مطالعات موردی
وودافون
Vodafone (ایتالیا) LCP را 31٪ بهبود داد تا به 8٪ فروش بیشتر دست یابد.
تکنیک
- سمت سرور HTML حیاتی را رندر کنید.
- کاهش رندر مسدود کردن جاوا اسکریپت.
- تکنیک های بهینه سازی تصویر
- تغییر اندازه تصویر قهرمان؛ منابع غیر بحرانی را به تعویق بیندازید
یادگیری های کلیدی
- تست A/B بهترین راه برای اندازه گیری تاثیر معنادار است.
- A/B باید سمت سرور باشد.
من میپزم
iCook CLS را 15% بهبود داد تا 10% درآمد بیشتری از تبلیغات بدست آورد.
تکنیک
- تنوع کمتر در اندازه واحد تبلیغات و جایگاههای تبلیغاتی با اندازه ثابت از قبل در UI اختصاص داده شده است.
- منطق بارگیری اسکریپت تبلیغات بهینه شده برای اولویت بندی پیشنهادات هدر و به تعویق انداختن JS غیر بحرانی.
یادگیری های کلیدی
نرخ پر شدن ممکن است تحت تاثیر قرار گیرد، اما در نهایت با بهبود قابلیت مشاهده تبلیغات، درآمد افزایش می یابد.
توکوپدیا
توکوپدیا LCP را 55 درصد بهبود بخشید و میانگین مدت جلسه را 23 درصد بهتر دید.
تکنیک
- عنصر LCP رندر سمت سرور (SSR).
- پیش بارگذاری عنصر LCP.
- بهینه سازی تصویر (فشرده سازی، WebP، بارگذاری تنبل تصاویر غیر بحرانی).
یادگیری های کلیدی
- یک داشبورد نظارت بر عملکرد برای نظارت بر پیشرفت و تأثیر در بین تیم ها ساخته شده است.
- با تکنیکهای مختلف رندر آزمایش شده است (به عنوان مثال، عنصر SSR LCP در مقابل SSR بالای محتوای تا شده در مقابل رندر کامل سمت مشتری).
ردباس
اصلاحات Core Web Vitals به نرخ تبدیل موبایلی 80 تا 100 درصد (mCVR) و ارتقای رتبهبندی دامنه قابل توجه در ویژگیهای بازار جهانی Redbus کمک کرده است.
تکنیک
- رفع شکاف ها برای اجزای صفحه و حذف اسکریپت های درج برچسب بهینه نشده CLS را بهبود بخشید .
- بهینه سازی اسکریپت های شخص ثالث و ساخت میکروسرویس ها با اصل مسئولیت واحد به طور قابل توجهی TTI و TBT را کاهش داد.
یادگیری های کلیدی
- کاهش CLS از 1.65 به 0 به طور قابل توجهی رتبه بندی دامنه آنها را در سطح جهانی ارتقا داد.
- کاهش TTI از حدود 8 ثانیه به حدود 4 ثانیه و TBT از حدود 1200 میلی ثانیه به حدود 700 میلی ثانیه به افزایش 80 تا 100 درصدی mCVR در خواص جهانی کمک کرد.
- استفاده از ابزارهای RUM به ثبت معیارهای عملکرد دنیای واقعی در بازارهای سطح پایین کمک کرد.
- اتخاذ فرهنگ عملکرد برای جلوگیری از پسرفت بسیار مهم است. این همچنین به لطف کد بهینه شده، انتشار سریعتر و مشکلات تولید کمتر، بهره وری تیم را بهبود می بخشد.
مطالعات موردی بالا نشان می دهد که شما می توانید با اتخاذ بهترین شیوه ها و اجرای سریع بردها به دستاوردهای زیادی برسید. در اینجا چند نمونه واقعی دیگر از این نقطه وجود دارد.
نتایج فوق با گرفتن میوه کم آویزان مانند:
بهینه سازی تصویر | بهینه سازی جاوا اسکریپت | تبلیغات و محتوای پویا |
---|---|---|
استفاده از فرمت تصویر WebP | به تعویق انداختن JS شخص ثالث | رزرو فضا برای تبلیغات در بالای صفحه |
استفاده از CDN های تصویر | حذف Render-blocking و JS استفاده نشده | تنظیم ارتفاع برای محتوای پویا |
فشرده سازی | بارگیری تنبل JS غیر بحرانی | |
به تعویق انداختن تصاویر غیر انتقادی | پیش بارگیری JS حیاتی | |
پیش بارگذاری تصاویر قهرمان | ||
تعیین نسبت تصویر |
برای بهترین روشهای بیشتر، راهنمای Web Vitals را بررسی کنید. از PageSpeed Insights برای بررسی وب سایت خود استفاده کنید و فوراً توصیه های عملی دریافت کنید.
چندین برند جهانی دیگر نیز از سرمایه گذاری در Core Web Vitals سود برده اند.
- Tencent Video با عبور از Core Web Vitals 70% CTR بهتری برای ویدیوها داشت.
- Cdiscount هر 3 معیار را بهبود بخشید که به افزایش 6 درصدی درآمد در فروش جمعه سیاه آنها کمک کرد.
- Wix بیش از 250٪ سال به سال، مبدا تلفن همراه را با عبور از Core Web Vitals افزایش داد.
- Nykaa دریافت که بهبود 40 درصدی در LCP منجر به 28 درصد بیشتر ترافیک ارگانیک از شهرهای T2/T3 شده است.
- بهبود 18٪ LCP در NIKKEI STYLE منجر به 9٪ بازدید بیشتر از صفحه در هر جلسه شد.
- NDTV پس از نصف کردن LCP، همراه با سایر تغییرات محصول ، 50 درصد نرخ پرش بهتری به دست آورد. .
- 70% LCP بهتر Agrofy Market با کاهش 76% در رهاسازی بار مرتبط است. .
- Flipkart با بهبود معیارهای Core Web Vitals به کاهش 2.6 درصدی در نرخ پرش دست یافت.
- آمیبا مانگا با بهبود امتیاز CLS 10 بار، تعداد کمیک های خوانده شده را 2-3 بار بهبود بخشید.
- یاهو ژاپن CLS را اصلاح کرد که منجر به کاهش 98٪ در صفحات ضعیف و افزایش 15٪ در بازدید از صفحه در هر جلسه شد . .
- AliExpress CLS را 10 برابر و LCP را دو برابر بهبود بخشید که به معنی 15٪ نرخ پرش کمتر است .
- GEDI شاهد کاهش 77 درصدی در CLS و کاهش 8 درصدی در نرخ پرش بود.
حالا چطور می توانید شروع کنید؟
مرحله 1: شروع به اندازه گیری کنید
با اندازه گیری داده های میدانی سایت خود با استفاده از ابزارهای نظارت واقعی کاربر (RUM) شروع کنید. Google و ابزارهای RUM شخص ثالث (3P) در حال حاضر در دسترس هستند.
ابزارهای رام گوگل
- کنسول جستجو
- 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 : از تست سمت سرور برای جلوگیری از هرگونه هزینه رندر استفاده کنید. نتایج را بین نسخه های بهینه و غیربهینه مقایسه کنید.
- مانیتور : از نظارت مستمر برای جلوگیری از رگرسیون استفاده کنید.
در نهایت، ما معتقدیم که عملکرد یک سفر است نه یک مقصد. با توجه به آن، ما قصد داریم این مقاله را با آخرین نکات برجسته مطالعه موردی به روز نگه داریم. اگر شما نیز یک برد تجاری قانع کننده دارید و می خواهید در این مقاله معرفی شوید، یک پیشنهاد محتوا ارسال کنید .