هسته حیاتی وب
هسته حیاتی وب یا Core Web Vitals یکی از معیارهای جدید گوگل جهت بررسی و رتبه دهی به وب سایتها است که برای اولین بار در سال ۲۰۲۰ معرفی شد. اما Core Web Vitals چیست و چه فاکتورهایی از سایت را مورد بررسی قرار میدهد؟ همانطور که میدانید، تجربه صفحه (Page Experience) ارتباط نزدیکی با تجربه کاربر (User Experience) دارد و یکی از فاکتورهای مهم گوگل در فرآیند رتبه بندی یک سایت محسوب میشود. این پارامتر میزان تعامل کاربران با صفحات مختلف یک وب سایت را بر اساس معیارهای مختلف مورد بررسی قرار میدهد. به همین دلیل است که توسعه دهندگان توجه ویژهای بر بهینه سازی و ارتقای تجربه کاربران در هنگام بازدید از سایت دارند. اما چگونه میتوانیم تجربه کاربر را تجزیه و تحلیل کرده و نقاط ضعف و قوت سایت خود را شناسایی کنیم؟ در اینجاست که هسته حیاتی وب به کمک شما میآید و تجربه کاربران را بر اساس سه معیار اصلی خود اندازه گیری میکند. بنابراین استفاده از این ابزار کاربردی به شما کمک میکند تا صفحات سایت خود را در جهت بهبود و ارتقای تجربه کاربران بهینه سازی کنید. در ادامه این مطلب مفهوم هسته حیاتی وب و فاکتورهای سه گانه آن را به طور کامل بررسی میکنیم و شما را با فاکتور جدید رتبه بندی گوگل بیشتر آشنا خواهیم کرد. با پلتفرم حافظ همراه باشید. هسته حیاتی وب چیست؟ هسته حیاتی وب مجموعهای از معیارهای گوگل جهت بررسی و اندازه گیری تجربه صفحه یا همان تجربه کاربران در هنگام بازدید از صفحات مختلف یک سایت است. این معیارها با مفاهیمی همچون سرعت بارگذاری صفحات، واکنشگرا یا ریسپانسیو بودن و ثبات بصری سایت در ارتباط هستند. یعنی صفحات سایت شما با چه سرعتی برای کاربر بارگذاری میشوند و آیا سایت شما در تمامی دستگاهها برای کاربران به خوبی نمایش داده میشود یاخیر. تمامی این معیارها در هنگام بررسی و رتبه دهی وب سایتها توسط گوگل به دقت مورد بررسی قرار میگیرند.به دلیل اهمیت بالای این فاکتورها در رتبه بندی، Google شاخص جدیدی به نام هسته حیاتی وب را معرفی کرده است تا با استفاده از آن بتوانید تجربه کاربران در هنگام بازدید از صفحات سایت خود را مورد بررسی قرار دهید و آن را بر اساس این معیارها و بهبود تجربه کاربران بهینه سازی کنید. معیارهای Core Web Vitals و روشهای بهبود هسته حیاتی وب برای اندازه گیری تجربه کاربران در یک وب سایت از سه معیار اصلی و مهم استفاده میکند. توسعه دهندگان وب با استفاده از این معیارها میتوانند به راحتی تجربه کاربری سایت خود را بررسی و اندازه گیری کرده و اقدامات لازم در جهت بهینه سازی صفحات سایت را انجام دهند. اما اندازه گیری Core Web Vitals چه معیارهایی را دارد؟ معیارهای سه گانه و مهم هسته حیاتی وب شامل: بزرگ ترین رنگ محتوا (Largest Contentful Paint) بزرگ ترین رنگ محتوا (LCP) به مدت زمان بارگذاری محتوای اصلی یک صفحه و نمایش آن به بازدید کننده اشاره دارد که تاثیر مسقیمی بر تجربه کاربر و میزان بازدید از سایت خواهد داشت. این معیار در واقع مدت زمان کلیک کاربر بر روی یک لینک تا زمان بارگذاری کامل محتوا در صفحه نمایش را بررسی و اندازه گیری میکند. بنابراین هرچه میزان LCP کمتر باشد، اطلاعات و محتواهای یک صفحه با سرعت بیشتری بارگذاری و نمایش داده میشوند که این امر موجب بهبود تجربه کاربران و دسترسی سریعتر به اطلاعات موردنیاز خواهد بود. بر اساس استانداردهای گوگل مدت زمان LCP در حالت ایده آل بین ۲.۵ الی ۴ ثانیه است که در صورت افزایش این مقدار باید به فکر بهبود و کاهش مدت زمان بارگذاری صفحات سایت خود باشید. برای بهبود میزان LCP سایت خود میتوانید اقدامات زیر را انجام دهید:حذف تمامی کدهای غیرضروری،استفاده از سرویس میزبانی (Host) قویتر،فعال سازی بارگذاری تنبل (Lazy Loading)۷،کاهش میزان CCSها،استفاده از CDN. اولین تاخیر ورودی (First Input Delay) اولین تاخیر ورودی (FID) یکی دیگر از فاکتورهای مهم هسته حیاتی وب است که مدت زمان و نحوه تعامل کاربر با وب سایت را مورد بررسی قرار میدهد. تعامل کاربر با صفحه به معنای انجام اقداماتی همچون کلیک بر روی یک لینک، انتخاب یک گزینه از منوی سایت، ثبت نام در سایت و غیره است. FID در این موقعیت مدت زمانی که طول میکشد تا وب سایت پاسخی مناسب به اقدامات کاربران بدهد را بررسی و اندازه گیری خواهد کرد. در حالت ایده آل میزان FID یک سایت باید کمتر از ۱۰۰ میلی ثانیه باشد تا بتوانید تجربه خوبی را برای کاربران رقم بزنید و به واسطه آن رتبه سایت خود را نیز بهبود بخشید. برای بهبود FID و کاهش مدت زمان واکنش به درخواستهای کاربران میتوانید اقدامات زیر را انجام دهید:کاهش تعداد جاوا اسکریپتهای سایت،حذف اسکریپتهای اضافی و غیر ضروری،استفاده از کش مرورگر (Cache). تغییر چیدمان تجمیعی (Cumulative Layout Shift) تغییر چیدمان تجمیعی (CLS) نیز آخرین فاکتور از معیارهای سه گانه هسته حیاتی وب است که میزان ثبات تصویری و بصری وب سایت را مورد بررسی قرار میدهد. به عبارت دیگر اگر عناصر وب سایت شما پس از بارگذاری سایت جا به جا شوند، آنگاه میزان CLS سایتتان بالا خواهد بود که این موضوع تاثیر منفی بر رتبه بندی آن خواهد داشت. در برخی وب سایتها نحوه چیدمان و ترتیب قرارگیری برخی عنصر پس از بارگذاری صفحه تغییر پیدا میکند و یا عناصر آن جابجا میشوند. LCP در واقع میزان دشواری و درگیری کاربر با تغییرات غیر منتظره عناصر سایت را مورد بررسی قرار میدهد که مقدار آن در حالت ایده آل باید کمتر از ۰.۱ باشد. برای به حداقل رساندن میزان LCP وب سایت خود میتوانید از روشهای زیر کمک بگیرید: تمامی رسانههای موجود در وب سایت اعم از فیلم، تصاویر، اینفوگرافیکها، GIFها و غیره را در حجم استاندارد آنها بکار ببرید تا مرورگر بداند که هر عنصر دقیقا به چه فضایی احتیاج دارد. در این صورت دیگر در زمان بارگذاری سایت شاهد تغییر و جابجایی عناصر نخواهید بود.پیامهای تبلیغات سایت را در فضایی از پیش تعیین شده نمایش دهید تا به طور ناگهانی بر روی صفحه نمایش داده نشوند؛ زیرا در این صورت موجب ایجاد تداخل در نمایش محتواها و سایر عناصر بصری سایت خواهند شد.عناصر جدید رابط کاربری همچون گزینههای قابل کلیک یا پاپ آپها را در پایین سایت نمایش دهید تا موجب جابجایی