گوگل چگونه وب را با Core Web Vitals سرعت بخشید؟

در این مقاله توضیح می دهیم که چگونه گوگل توانسته با قابلیت Core Web Vitals به افزایش سرعت وب کمک کند.

گوگل Core Web Vitals (CWV) را در سال 2020 معرفی کرد تا تجربه افراد هنگام تعامل با یک وب سایت، به ویژه در دستگاه های تلفن همراه را بهتر درک کند. چند سال بعد، گوگل توضیح داد که CWV چقدر سرعت وب سایت را برای کل صنعت بهبود داده است.

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

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

• بزرگترین نقش محتوا: Largest Contentful Paint سرعت بارگذاری را اندازه گیری می کند و نقطه ای را در جدول زمانی بارگذاری صفحه که احتمالاً محتوای اصلی صفحه در آن بارگذاری می شود، شناسایی می کند.
• تاخیر ورودی اول: پاسخ‌دهی را اندازه‌گیری می‌کند و تجربه کاربر را در اولین تلاش برای تعامل با یک صفحه وب، که به زودی با Interaction to Next Paint (INP) جایگزین می‌شود، کمی می‌کند.
• تغییر طرح مجموعه: سازگاری بصری را می سنجد و میزان تغییر طرح بندی محتوای صفحه وب را تعیین می کند.

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

به طور کلی، میانگین زمان بارگذاری صفحه در کروم اکنون 166 میلی‌ثانیه سریع‌تر است. Google به Core Web Vitals با صرفه جویی بیش از 10000 سال انتظار برای بارگیری صفحات وب و بیش از 1200 سال انتظار برای پاسخگویی صفحات وب به ورودی کاربران تا به امروز (2023) اعتبار می دهد.

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

• کش عقب / جلو (bfcache): این برای بهبود تجربه جستجو با ارائه ناوبری فوری به جلو و عقب طراحی شده است. نرخ بازدید BFCache نسبت به ماه قبل در اندروید (3.6 درصد) و دسکتاپ (1.8 درصد) بهبود یافته است.
• نمایش پیشرفته: این باعث می شود که صفحات بلافاصله با اجرای آنها قبل از بازدید کاربر بارگیری شوند. هنگامی که با وارد کردن URL ها مستقیماً در OmniBox از قبل پیاده سازی می شود، بارگیری صفحه 500-700 میلی ثانیه (14-25٪) بهبود می یابد. بسته به پلتفرم، میانگین جهانی LCP در تمام مقادیر مسیریابی به 6.4 میلی ثانیه تغییر می کند. کروم سخت کار کرده است تا از شر صفحه نمایش های مزاحم خلاص شود. پیاده‌سازی‌های ضعیف برای تب‌های پس‌زمینه که در EcoQOS در ویندوز 11 اجرا می‌شوند، همچنین نقش وظایف و تنظیمات QoS در macOS، منجر به بهبود تعامل بین بزرگترین نقش محتوا (LCP) و نقش بعدی (INP) شده است.
• بارگذاری تصویر با اولویت بالا: از لحاظ تاریخی، بارگذاری تصویر کم و بیش بر عملکرد اولویت داشت. با این حال، آزمایش نشان داد که بین وظیفه بارگذاری تصویر و کار اجرا، ابتدا انتخاب بارگذاری تصویر می تواند از تغییر طرح فریم جلوگیری کند و همچنین LCP را بهبود بخشد. بهبود در Android 6.66٪ تا 75٪ برای CLS و -0.82٪ برای LCP بود که باعث بهبود نرخ موفقیت CWV در Android 0.24٪ شد. یک آزمایش مشابه، افزایش اولویت بارگذاری با میانگین پنج تصویر اول تجزیه شده از HTML، بهبود را در Android از 6.08٪ به 75٪ برای CLS و -0.53٪ برای LCP نشان داد. آزمایش ترکیبی دیگری نشان داد که اثرات هر دو تغییر تا حد زیادی مستقل هستند.

گوگل چگونه سرعت وب را با Core Web Vitals افزایش داد؟ برای اولین بار در Tech Knock – اخبار دنیای فناوری. ظاهر شد.