تیم Google Chrome نکاتی را برای بهینه سازی موارد حیاتی وب به اشتراک میگذارد
Google توصیههای جدید Core Web Vitals را برای بهینه سازی موارد حیاتی وب به اشتراک میگذارد که برای اکثر وبسایتها قابل اجرا است.
- Core Web Vitals سه معیار هستند که زمان بارگذاری، تعامل و ثبات بصری را اندازهگیری میکنند.
- تیم کروم گوگل یک سال را صرف یافتن مهمترین توصیه ها برای بهینه سازی موارد حیاتی وب در مورد Core Web Vitals کرد.
- اینها توصیه هایی هستند که باید در صورت محدود بودن زمان اولویت بندی کنید.
- Google مجموعهای از توصیههای بهروزرسانی شده را برای بهینهسازی Core Web Vitals به اشتراک میگذارد تا به شما کمک کند تصمیم بگیرید در مواقع محدود چه مواردی را در اولویت قرار دهید.
اهمیت بهینه سازی موارد حیاتی وب
Core Web Vitals سه معیار هستند که زمان بارگذاری، تعامل و ثبات بصری را اندازهگیری میکنند. گوگل این معیارها را برای ارائه یک تجربه مثبت ضروری میداند و از آنها برای رتبه بندی وب سایت ها در نتایج جستجوی خود استفاده میکند.
در طول سالها، گوگل پیشنهادات زیادی برای بهبود امتیازات Core Web Vitals ارائه کرده است. اگرچه هر یک از توصیههای گوگل ارزش اجرا دارد، اما انتظار اینکه کسی همه آن را انجام دهد غیرواقعی است.
اگر تجربه زیادی در بهینه سازی عملکرد وب سایت یا سئو سایت ندارید، تشخیص اینکه چه چیزی بیشترین تاثیر را دارد میتواند چالش برانگیز باشد. ممکن است ندانید با زمان محدودی که برای بهبود Core Web Vitals اختصاص دهید از کجا شروع کنید. اینجاست که لیست اصلاح شده توصیه های گوگل وارد می شود.
در یک پست وبلاگی، گوگل میگوید که تیم کروم یک سال تلاش کرده است تا مهمترین توصیهای را که میتواند در مورد Core Web Vitals ارائه کند، شناسایی کند.
این تیم لیستی از توصیهها را گردآوری کرده است که برای اکثر توسعهدهندگان واقعبینانه است، برای اکثر وبسایتها قابل اجرا است و تأثیر معناداری در دنیای واقعی دارد.
این چیزی است که تیم Google Chrome توصیه میکند.
بهینه سازی LCP برای بهینه سازی موارد حیاتی وب
متریک LCP مدت زمانی که طول میکشد تا محتوای اصلی یک صفحه برای کاربران قابل مشاهده باشد را اندازه گیری میکند. گوگل بیان میکند که تنها حدود نیمی از وب سایت ها آستانه LCP توصیه شده را برآورده می کنند.
مطمئن شوید که منبع LCP به راحتی در منبع HTML یافت میشود. به عنوان یک قاعده کلی، اگر عنصر LCP یک تصویر باشد، URL تصویر همیشه باید از منبع HTML قابل کشف باشد.
مطمئن شوید که منبع LCP اولویت بندی شده است. علاوه بر داشتن منبع LCP در کد HTML، گوگل توصیه میکند که آن را اولویتبندی کنید و از منابع کمتر مهم دیگر عقب نمانید.
حتی اگر تصویر LCP خود را با استفاده از یک تگ استاندارد <img> در منبع HTML قرار داده باشید، اگر چندین تگ <script> در بخش <head> صفحه وب شما قبل از تگ <img> وجود داشته باشد، می تواند زمان بارگذاری را به تاخیر بیاندازد.
بهینه سازی CLS
CLS معیاری است که برای ارزیابی پایداری طرح بصری یک وب سایت استفاده میشود. طبق گفته گوگل، حدود 25 درصد از وب سایت ها استانداردهای توصیه شده برای این معیار را ندارند.
اندازه های واضح را برای محتوای روی صفحه تنظیم کنید. هنگامی که محتوای یک وب سایت پس از اتمام بارگذاری، موقعیت خود را تغییر می دهد، ممکن است تغییرات چیدمان رخ دهد. برای جلوگیری از این اتفاق مهم است که تا آنجا که ممکن است فضا را از قبل رزرو کنید.
یکی از دلایل رایج تغییر چیدمان، تصاویر بدون اندازه است که میتوان با تنظیم صریح ویژگیهای عرض و ارتفاع یا ویژگیهای CSS معادل آن را برطرف کرد. تصاویر تنها عاملی نیستند که میتوانند باعث تغییر چیدمان در صفحات وب شوند. سایر محتواها، مانند تبلیغات شخص ثالث یا ویدیوهای جاسازی شده که بعداً بارگیری میشوند، میتوانند به CLS کمک کنند.
یکی از راههای رفع این مشکل استفاده از ویژگی نسبت ابعاد در CSS است. این ویژگی نسبتاً جدید است و به توسعه دهندگان این امکان را می دهد که نسبت ابعادی را برای تصاویر و عناصر غیر تصویری تعیین کنند.
ارائه این اطلاعات به مرورگر این امکان را میدهد که به طور خودکار ارتفاع مناسب را زمانی که عرض بر اساس اندازه صفحه نمایش است محاسبه کند، مشابه آنچه برای تصاویر با ابعاد تعریف شده انجام میدهد.
بهینه سازی تاخیر ورودی اول (FID)
تاخیر ورودی اول (FID) معیاری است که سرعت واکنش وب سایت به تعاملات کاربر را اندازه گیری میکند. اگرچه اکثر وب سایت ها در این زمینه عملکرد خوبی دارند، اما گوگل معتقد است که فضایی برای بهبود وجود دارد.