چهار روش برای افزایش سرعت صفحه سایت
چهار روش برای افزایش سرعت صفحه سایت و تسلط بر Core Web Vitals
گوگل به تازگی الگوریتم جستجوی خود را بروزرسانی کرد، و این را به فرصتی مناسب برای افزایش رتبهبندی صفحات سایت شما (با در نظر گرفتن نکات Core Web Vitals) تبدیل کرد.
جدیدترین بروزرسانی اصلی گوگل در الگوریتم جستجوی خود، تمرکز زیادی بر تجربه کاربر از طریق مجموعهای از معیارهای فاکتور رتبه بندی جدید، به نام Core Web Vitals دارد. نتایج اولیه ممیزیهای Core Web Vital نشان میدهد که متوسط وبسایتها زیر این استانداردهای جدید عمل میکنند. تحقیقات Searchmetrics نشان داد که به طور متوسط، سایتها میتوانند با حذف جاوا اسکریپت بلا استفاده، زمان بارگذاری صفحه را تقریباً یک ثانیه کاهش دهند.
این یک فرصت شگفت انگیز برای عملکرد بهتر از وبسایتهای دیگر
و در نتیجه افزایش رتبه بندی صفحات را فراهم میکند.
در اینجا همه چیزهایی که باید در مورد Core Web Vitals بدانید آورده شده است.
معیارهای Core Web Vitals چیست؟
Core Web Vitals یا هسته حیاتی وب، فرمت سیگنالهای تجربه صفحه گوگل است که شامل موبایل فرندلی و HTTP میشود. سه معیار اصلی Core Web Vitals عملکرد بارگذاری، تعامل و ثبات بصری در اندازهگیری میکند، که Google آنها را به عنوان یک تصویر دقیق از یک تجربه کاربری در دنیای واقعی در نظر میگیرد.
- Largest Contentful Paint به اختصار(LCP) : معیاری برای اندازهگیری عملکرد نیز میباشد. LCP با هدف بهبود تجربه کاربری ایجاد شده است که باید در حدود 2.5 ثانیه از زمان اولین لود سایت ظاهر شود. در واقع LCP، فاصله زمانی بین شروع بارگیری صفحه تا زمانی است که بزرگترین تصویر یا بلوک متنی در ویوپورت(viewport) کاربر به طور کامل ارائه شود. ممکن است با بارگیری صفحه و هنگامی که محتوا قابل مشاهده است، تغییر نمره مشاهده کنید اما بزرگترین گره هنوز در بک لاگ (backlog) باقی مانده باشد که هنوز به نمایش در نیامده باشد. این معیار برای سرعت اتصال، مورد توجه قرار میگیرد.
- First input Delay به اختصار(FID) : معیاری برای تعامل و ارتباط است. برای اینکه تجربه کاربری بهتری داشته باشید باید صفحات هر سایت، کمتراز 100 میلی ثانیه نیز ظاهر شوند. به صورت کلی، FID، مدت زمانی است که برای آماده شدن یک صفحه برای تعامل کاربر نیاز دارد. منظور از این جمله این است که، هنگامی که صفحات جمع میشوند چه مدت طول میکشد تا صفحه به کلیکها، پیمایشها یا ورودی صفحه کلید پاسخ دهد و کنترل کنندهها، رویدادهای مربوطه خود را پردازش کند.
- Cumulative Layout Shift به اختصار(CLS) : معیاری برای ثبات میباشد. برای درک و تجربه کاربری بهتر، صفحات باید دارای CLS در حدود 0.1 داشته باشند. CLS، فاصله و کسری از ویوپورت اندازهگیری شده است که به دلیل دستکاری DOM یا کمبود صفحات ابعادی برای عناصر اصلی رسانه، تغییر مکان میدهد. برای مثال، هنگامی که ما نمیتوانیم ابعاد تصاویر خود را تعریف کنیم، متن موجود در صفحات ما فقط تغییر مکان مییابد و باعث ایجاد “تغییر مکان” طرح محتوای مخرب برای کاربران ما میشود.
چگونه میتوانید اطلاعات سرعت صفحه خود را بررسی کنید؟
ابزارهای آنلاین زیادی وجود دارد که امتیاز رتبه بندی صفحات شما را بررسی میکند، از جمله PageSpeed Insights، Chrome User Experience Report ،Lighthouse Audit و Search Console. این سایتها سرعت صفحه را در عناصر مختلف اندازه گیری میکنند و نتایج را با استفاده از یک سیستم چراغ راهنمایی نمایش میدهند. PageSpeed Insights تجزیه و تحلیل نتایج را ارائه میدهد و زمینههای بهبود را برجسته میکند.
عملکرد “خوب” در اعداد به چه معناست؟
برای ارائه یک تجربه کاربری خوب، LCP باید ظرف 2.5 ثانیه از اولین بارگذاری صفحه شروع شود. صفحات باید FID کمتر از 100 میلی ثانیه داشته باشند و CLS کمتر از 0.1 را حفظ کنند.
وب سایتها، مانند ویکی پدیا، با توجه به سبک طراحی وب، با استفاده از متن و تصاویر بهینه شده، دارای بالاترین امتیاز سرعت صفحه هستند. وبسایتهایی که به شدت به محتوا و تصاویر ویدئویی وابسته هستند، بارگیری کندتری دارند و تجربه کاربری ضعیفی را ایجاد میکنند. بنابراین، تعادل بین طراحی و تجربه کاربر وجود دارد.
ببینید سایت شما در چه رتبه ای قرار دارد. از PageSpeed Insights دیدن کرده و آدرس اینترنتی خود را وارد کنید. توجه: بالاترین عدد نمره Lighthouse شما است، که به آن نمره PageSpeed نیز گفته میشود و از صفر تا 100 اندازه گیری میشود. در حالی که این یک معیار کلی خوب برای عملکرد سایت شما است. این به طور کامل به سه معیار Core Web Vitals مربوط نمیشود، فلذا باید به عنوان تجزیه و تحلیل LCP، FID و CLS هم در نظر گرفته شود.
چگونه سرعت صفحه خود را افزایش دهیم؟
گذراندن در هر سه زمینه نمره “خوب” محسوب میشود. ایجاد تغییرات کوچک میتواند امتیاز سرعت صفحه را به اندازه یک ثانیه بهبود بخشد، که میتواند سایت را از نمره “ضعیف” یا “نیاز به بهبود” در LCP به “خوب” تغییر دهد. کاهش زمان بارگذاری باعث خوشحالی کاربران و افزایش بازدیدکنندگان از سایت میشود.
تام ولز، متخصص creative marketing در Searchmetrics، میگوید:
“هر چیزی که در وب سایت مورد نیاز نیست نباید آنجا باشد.”
به زبان ساده، شناسایی و حذف عناصری که استفاده نمیشوند یا دارای هدف اساسی هستند میتواند امتیاز سرعت صفحه سایت را بهبود بخشد.
-
تصاویر بزرگ
تصاویر بهینهسازی شده ضعیف یکی از دلایل اصلی تأثیر بر نمره LCP یک سایت است زیرا معمولاً این بزرگترین عنصری است که بارگیری میشود. مشاغل تجارت الکترونیک و کسانی که به شدت به تصاویر تکیه میکنند ممکن است نمرات LCP ضعیفتری داشته باشند زیرا صفحه چندین تصویر با وضوح بالا ارائه میدهد.
بهینهسازی این اسناد با استفاده از Responsive Design یا قالب بندی تصویر نسل بعدی مانند WebP، JPEG 2000 و JPEG XR میتواند با کاهش زمان ارائه، امتیاز را بهبود بخشد. اغلب میتوان تصاویر را تا اندازه بسیار کوچکتر متراکم کرد بدون اینکه بر کیفیت تصویر تأثیر بگذارد. منابع رایگان مانند Squoosh میتوانند این کار را برای شما انجام دهند.
-
محتوا و تبلیغات پویا
بارگذاری تبلیغات در یک صفحه وب یکی از دلایل اصلی نمره بد CLS است. این میتواند به دلیل تغییر عناصر موجود در صفحه برای قرار دادن تبلیغات پویا باشد، که تجربه کاربری ضعیفی را ایجاد میکند.
استفاده از روش پیادهسازی هوشمند مانند تخصیص ویژگیهای اندازه یا جعبههای نسبت CSS برای همه تبلیغات، فیلمها و عناصر تصویر یکی از راههای کاهش تغییر محتوا است. برخی از شرکتها ممکن است از افزونه یا کدی در بالای وب سایت برای قرار دادن تبلیغات استفاده کنند. با این حال، این میتواند منجر به کندتر شدن وب سایت شود، که بر تجربه کاربر تأثیر منفی و غیر مستقیم بر رتبهبندی میگذارد.
همچنین، هرگز محتوا را بر روی محتوای موجود قرار ندهید، مگر در پاسخ به تعاملات خاص کاربر، زیرا این امر هرگونه تغییر در چیدمان رخ میدهد. به عنوان مثال، وقتی روی دکمه CTA کلیک میکنید و یک فرم ظاهر میشود، این یک استثنا است.
-
اقتصاد وب افزونه محور
به گفته ولز، افزونهها میتوانند مانند “گچ بر روی ترکها” برای حل مشکلات وب سایت عمل کنند. علیرغم ایجاد یک رفع موقت، میتواند عملکرد وب را کند کرده و مانع عملکرد آن شود، زیرا قبل از اینکه کاربر بتواند به طور کامل با صفحه وب ارتباط برقرار کند، همه کد باید بارگیری شود.
استفاده از افزونهها میتواند تعداد درخواست سرور را افزایش داده و زمان اجرای جاوا اسکریپت را افزایش دهد. همه این عوامل میتوانند نمره FID سایت را کاهش دهند.
ولز میگوید:
“اغلب ما به دنبال اصلاحات و راه حلهای پیشرفته هستیم،
اما گاهی اوقات به سادگی حذف موارد مورد نیاز نیست.”
بنابراین، حذف برخی از افزونهها، به ویژه موارد استفاده نشده، میتواند واکنش پذیری و سرعت وبسایت را بهبود بخشد.
-
کد زیاد
گوگل توصیه میکند که بر عملکرد کلی وب سایت تمرکز کنید.
ولز میگوید: “بسیار مهم است که وبسایتهای ریسپانسیو و دارای امتیاز بالا تا حد ممکن سبک باشند.”
“هرچه بار سرور بیشتر باشد، زمان بارگذاری آن به طور کلی کندتر خواهد شد.”
در حالی که CSS و جاوا اسکریپت استفاده نشده ممکن است مستقیماً بر نمره سرعت صفحه تأثیر نگذارد، اما همچنان میتواند بر زمان بارگذاری سایت تأثیر بگذارد، باعث ایجاد سنگینی در کد شود و بر تجربه کاربر تأثیر منفی بگذارد.
کی باید شروع کنم؟
ارائه الگوریتم جدید توسط گوگل از اواسط ماه ژوئن آغاز شد، بنابراین ارزش این را دارد که بررسی کنید که سایت شما در تست سرعت صفحات چقدر امتیاز میگیرد. وبسایتهایی که رتبه خوبی دارند، دارای امتیازات بالاتری در Core Web Vitals هستند و این روند همچنان ادامه مییابد زیرا گوگل بر تجربه کاربر تأکید بیشتری میکند.
منبع: searchenginewatch.com
دیدگاهتان را بنویسید