نکات مهم برای بهینه‌ سازی عملکرد وبسایت با Page Speed Insights

چندین نکته برای بهینه‌سازی عملکرد وبسایت با استفاده از ابزار Page Speed Insights. با این نکات، تجربه کاربری سریع و روان را تضمین کرده و عملکرد وبسایت خود را پایدار نگه دارید. داشتن وبسایتی که سریع بارگذاری می‌شود، نه تنها تجربه بازدیدکنندگان را بهبود می‌بخشد، بلکه برای سئو نیز یک عامل مهم است.

احتمالاً تاکنون با ابزار PageSpeed Insights گوگل آشنا شده‌اید. اما آیا می‌دانید چگونه به بهترین شکل از این ابزار استفاده کنید؟

PageSpeed Insights (PSI) چیست؟

سرعت وبسایت مدت‌هاست که بر رتبه‌بندی گوگل تأثیر دارد. به همین دلیل، گوگل در سال ۲۰۱۰ ابزار رایگان PageSpeed Insights را راه‌اندازی کرد. هدف این ابزار، کمک به مدیران وبسایت‌ها برای ارزیابی سرعت سایت و ارائه توصیه‌هایی برای بهبود آن است.

چرا سرعت صفحه برای سئو اهمیت دارد؟

در سال ۲۰۲۱، گوگل یک مجموعه جدید از معیارهای عملکرد وبسایت به نام Core Web Vitals را معرفی کرد. این معیارها شامل سه شاخص کلیدی هستند:

1. Largest Contentful Paint (LCP): سرعت بارگذاری محتوای اصلی وبسایت شما چقدر است؟
2. Cumulative Layout Shift (CLS): آیا عناصر صفحه به‌طور ناگهانی جابه‌جا می‌شوند؟
3. Interaction to Next Paint (INP): آیا صفحه به ورودی‌های کاربر به سرعت واکنش نشان می‌دهد؟

تجربه کاربری خوب، در رتبه‌بندی‌های گوگل به شما امتیاز می‌دهد. هدف شما باید رسیدن به آستانه امتیاز “خوب” برای هر یک از این معیارها باشد.

چگونه وبسایت خود را با PageSpeed Insights آزمایش کنیم؟

اجرای یک تست عملکرد با PageSpeed Insights بسیار آسان است:

1. PageSpeed Insights را باز کنید.
2. آدرس URL وبسایت خود را وارد کنید.
3. روی “Analyze” کلیک کنید.

نتایج تست در چند ثانیه نمایش داده می‌شوند. ممکن است اطلاعات زیادی در نتایج مشاهده کنید، اما در ادامه توضیح خواهیم داد که هر بخش چه معنایی دارد.

1. منبع داده‌های PageSpeed Insights را درک کنید

هر نتیجه آزمایشی در PageSpeed Insights شامل دو بخش اصلی است: “کشف تجربه واقعی کاربران” و “تشخیص مشکلات عملکرد”. هر بخش، نوع متفاوتی از داده‌های سرعت صفحه را نمایش می‌دهد.

داده‌های کاربران واقعی در PageSpeed Insights چیست؟

داده‌های کاربران واقعی در PSI از گزارش تجربه کاربری کروم (CrUX) جمع‌آوری می‌شود. این داده‌ها از کاربران مرورگر کروم روی دستگاه‌های دسکتاپ و موبایل‌های اندروید به دست می‌آیند. برای مشارکت در این گزارش، کاربران باید:

• وارد حساب گوگل خود شده باشند.
• همگام‌سازی تاریخچه مرورگر را فعال کرده باشند.
• گزارش‌دهی آمار استفاده را فعال کرده باشند.

آیا مایلید بدانید که آیا تجربه شما در این داده‌های کاربران واقعی ثبت شده است؟ مرورگر کروم خود را باز کرده و آدرس chrome://ukm را وارد کنید تا بررسی کنید که آیا جمع‌آوری معیارها فعال است یا خیر.

این داده‌های واقعی نشان می‌دهد که وبسایت شما برای بازدیدکنندگان واقعی چقدر سریع بارگذاری می‌شود و چگونه بر سئوی شما تأثیر می‌گذارد.

با این حال، گزارش CrUX محدودیت‌هایی نیز دارد:

• داده‌ها بر اساس یک دوره 28 روزه جمع‌آوری می‌شوند، بنابراین تغییرات سریع وبسایت شما را به‌سرعت نشان نمی‌دهند.
• CrUX هیچ داده تشخیصی برای افزایش سرعت وبسایت ارائه نمی‌دهد.
• همه صفحات وبسایت شما داده‌های CrUX نخواهند داشت، زیرا باید حداقل تعداد بازدیدهای ثبت‌شده برای انتشار داده‌ها توسط گوگل وجود داشته باشد.

برای دور زدن این محدودیت‌ها، می‌توانید از یک ابزار نظارت بر کاربران واقعی (RUM) استفاده کنید که بروزرسانی‌های فوری و تشخیص‌های دقیق‌تری ارائه می‌دهد.

داده‌های تشخیصی در PageSpeed Insights چیست؟

داده‌های کاربران واقعی نشان می‌دهد که وبسایت شما چگونه عمل می‌کند، اما داده‌های تشخیصی به شما کمک می‌کند راه‌حل‌های بهینه‌سازی را پیدا کنید.

PageSpeed Insights از ابزار متن‌باز گوگل به نام Lighthouse برای تحلیل وبسایت استفاده می‌کند. آزمایش Lighthouse در یک محیط آزمایشگاهی انجام می‌شود، به این معنا که اطلاعات بیشتری نسبت به داده‌های کاربران واقعی جمع‌آوری می‌شود. این آزمایش به صورت درخواستی انجام می‌شود و محدودیت 28 روزه CrUX را ندارد.

در بالای گزارش Lighthouse، گوگل امتیاز کلی عملکرد را بین 0 تا 100 نشان می‌دهد. این امتیاز مستقیماً بر رتبه‌بندی تأثیر نمی‌گذارد، زیرا گوگل برای این کار از داده‌های CrUX استفاده می‌کند. اما یک امتیاز خوب در Lighthouse معمولاً نشان می‌دهد که وبسایت شما برای کاربران واقعی نیز سریع بارگذاری می‌شود.

امتیاز Lighthouse بر اساس ۵ معیار عملکرد تعیین می‌شود:

1. First Contentful Paint: صفحه چقدر سریع شروع به بارگذاری می‌کند؟
2. Largest Contentful Paint (LCP): چه زمانی محتوای اصلی صفحه ظاهر می‌شود؟
3. Total Blocking Time: آیا تعاملات کاربر توسط پردازش CPU مسدود می‌شود؟
4. Cumulative Layout Shift (CLS): آیا محتوا پس از بارگذاری جابه‌جا می‌شود؟
5. Speed Index: چقدر سریع محتوای صفحه به‌طور کلی رندر می‌شود؟

در زیر ارزیابی کلی Lighthouse، می‌توانید بینش‌های تشخیصی را بیابید که پیشنهاداتی برای بهبود وبسایت ارائه می‌دهند. هر ردیف، یک جنبه خاص از عملکرد شما را ارزیابی می‌کند.

2. از ماشین‌حساب امتیاز برای تشخیص عوامل افت امتیاز استفاده کنید

اگر به دنبال بهبود امتیاز عملکرد خود در PageSpeed Insights هستید، از کجا باید شروع کنید؟

هر گزارش Lighthouse شامل یک لینک “View Calculator” است که شما را به ماشین‌حساب امتیازدهی Lighthouse هدایت می‌کند. این ابزار نشان می‌دهد کدام یک از پنج معیار اندازه‌گیری شده توسط گوگل بیشترین تأثیر را بر امتیاز کلی دارند.

3. داده‌های مرحله‌ای برای معیار Largest Contentful Paint (LCP) را بررسی کنید

یکی از بررسی‌های بسیار مفید، مربوط به بزرگترین عنصر محتوای نمایان‌شده یا همان Largest Contentful Paint (LCP) است.

این بررسی نشان می‌دهد که بزرگترین عنصر محتوایی صفحه شما چیست و چه مدت زمان لازم است تا این عنصر بارگذاری شود.

معیار LCP به چهار مرحله تقسیم می‌شود:

1. Time to First Byte (TTFB): سرور چقدر سریع سند HTML را فراهم می‌کند؟
2. Load Delay: چه زمانی پس از بارگذاری سند، تصویر LCP شروع به دانلود می‌کند؟
3. Load Time: چه مدت طول می‌کشد تا تصویر LCP دانلود شود؟
4. Render Delay: چه زمانی پس از بارگذاری منبع LCP، عنصر LCP قابل مشاهده می‌شود؟

4. نوسانات امتیاز عملکرد بین تست‌ها: به چه معناست؟

همان‌طور که می‌دانیم، داده‌های کاربران واقعی در CrUX در طول یک دوره ۲۸ روزه جمع‌آوری می‌شوند، بنابراین این داده‌ها پایدار بوده و به تدریج تغییر می‌کنند.

اما نمی‌توان همین حرف را در مورد امتیاز عملکرد و سایر معیارهای آزمایشگاهی زد. اجرای مجدد تست روی همان صفحه به ندرت منجر به اندازه‌گیری‌های دقیقاً مشابه می‌شود و معمولاً تفاوت‌هایی دارد. اگر Lighthouse را با ابزارهایی مانند Chrome DevTools اجرا کنید، احتمال مشاهده تفاوت‌های بیشتری وجود دارد.

دلایل مختلفی برای اختلاف بین تست‌های Lighthouse وجود دارد، از جمله:

• تفاوت در زمان پاسخ سرور
• تغییرات در محتوا، مانند تست‌های A/B یا تبلیغات
• تفاوت‌های دستگاه‌ها و مکان‌های تست
• خطاهای احتمالی در جمع‌آوری داده‌ها

گوگل یک راهنمای جامع در مورد نوسانات Lighthouse نوشته است. شما می‌توانید چندین بار تست‌ها را اجرا کرده و میانگین آن‌ها را بررسی کنید تا به ارزیابی پایدارتر و دقیق‌تری برسید.

دقت داده‌ها: داده‌های مشاهده‌شده در مقابل داده‌های شبیه‌سازی‌شده

یکی از دلایل رایج اختلاف بین ابزارهای تست سرعت صفحه، نحوه جمع‌آوری داده‌هاست. در یک تست آزمایشگاهی، شبکه به سرعت ثابتی محدود می‌شود تا شبیه‌سازی یک اتصال کندتر موبایل انجام شود. این کاهش سرعت می‌تواند بر اندازه‌گیری‌های شما تأثیر بگذارد.

PageSpeed Insights از رویکردی به نام کاهش سرعت شبیه‌سازی‌شده استفاده می‌کند. اندازه‌گیری‌ها ابتدا در یک اتصال شبکه سریع انجام می‌شوند، سپس یک شبیه‌سازی اتصال 4G کند اعمال می‌شود تا تخمین زده شود که صفحه چگونه در یک دستگاه موبایل بارگذاری خواهد شد.

می‌توانید افزونه Chrome Site Speed را نصب کنید تا معیارهای مشاهده‌شده را هنگام اجرای یک تست در PageSpeed Insights مشاهده کنید.

چرا داده‌های کاربران واقعی با نتایج تست Lighthouse مطابقت ندارند؟

هنگام تست وبسایت خود در PageSpeed Insights، ممکن است متوجه شوید که معیارهای کاربران واقعی به مراتب بهتر از نتایج تست شبیه‌سازی‌شده Lighthouse هستند. چرا این اتفاق می‌افتد؟

این به دلیل استفاده Lighthouse از یک اتصال شبکه بسیار کند است. در مقابل، داده‌های CrUX روی 25٪ کندترین تجربه‌های کاربران تمرکز دارد که معمولاً شامل کاربران با اتصالات شبکه مناسب است.

بنابراین، امتیاز ضعیف در Lighthouse لزوماً به این معنا نیست که شما در ارزیابی Core Web Vitals گوگل شکست خواهید خورد، اما ممکن است نشان دهد که برخی کاربران تجربه ضعیفی دارند و نیاز به بهبود وجود دارد.

5. از API PSI برای خودکارسازی تست عملکرد استفاده کنید

اگر صفحات زیادی در وبسایت خود دارید که می‌خواهید آن‌ها را تست کنید، می‌توانید از API PageSpeed Insights استفاده کنید تا تست‌ها را به صورت دسته‌ای به‌طور خودکار اجرا کنید.

API معیارهای دقیق‌تری ارائه می‌دهد و جزئیات مربوط به هر بررسی Lighthouse را نمایش می‌دهد. به عنوان مثال، می‌توانید رایج‌ترین توصیه‌های عملکرد را در سراسر وبسایت خود مشاهده کنید.

همچنین، می‌توانید داده‌های PageSpeed Insights را مستقیماً در Google Sheets قرار دهید.

6. بدانید چه زمانی باید به سراغ ابزار دیگری بروید

PageSpeed Insights ابزاری عالی برای اجرای یک تست سریع عملکرد برای یک URL خاص است. با این حال، همان‌طور که پیش‌تر اشاره کردیم، این ابزار محدودیت‌هایی دارد.

اگر می‌خواهید یک نمای کلی از Core Web Vitals کل وبسایت خود داشته باشید، سریع‌ترین راه استفاده از Google Search Console است.

Search Console به شما نشان می‌دهد که چند صفحه در وبسایت شما کند هستند یا نیاز به بهبود دارند.

سرعت بارگذاری سایت‌هایی که در صفحه اول نتایج گوگل قرار دارند، به طور میانگین تنها 1.65 ثانیه است! یعنی شما کمتر از 1.65 ثانیه وقت دارید تا توجه مخاطب را به خود و محتوایی که در صفحه دارید جلب کنید. باورکردنی به نظر نمی‌آید، نه؟ با این وجود، انجام این کار امکان‌پذیر است. با وب آنجل و خدمات افزایش سرعت سایت آن، همه چیز برای شما ممکن است! افزایش سرعت سایت = تجربه بهتر مشتریان