PageSpeed Insights (PSI) ابزاری برای توسعه دهندگان وب است تا بفهمند عملکرد یک صفحه چیست و چگونه آن را بهبود بخشند. از Lighthouse برای ممیزی صفحه و شناسایی فرصت هایی برای بهبود عملکرد استفاده می کند. همچنین با گزارش Chrome UX (CrUX) ادغام میشود تا نشان دهد کاربران واقعی چگونه صفحه و مبدا را در مجموع تجربه میکنند. در این راهنما، نحوه استفاده از PSI برای استخراج بینش از CrUX و درک بهتر تجربه کاربر را بیاموزید.
خواندن داده ها
برای شروع، به https://pagespeed.web.dev/ بروید و URL صفحهای را که میخواهید آزمایش کنید وارد کنید و روی آنالیز کلیک کنید.
پس از چند ثانیه، ممیزی Lighthouse انجام میشود و بخشهایی با دادههای CrUX ("کشف آنچه کاربران واقعی شما تجربه میکنند") و Lighthouse ("تشخیص مشکلات عملکرد") را مشاهده خواهید کرد. CrUX مجموعه ای از تجربیات کاربر واقعی از میدان است، در حالی که Lighthouse یک آزمایش کنترل شده در آزمایشگاه است.
در بخش تجربیات کاربر واقعی، معیارها بر اساس Core Web Vitals و سایر معیارهای قابل توجه گروه بندی می شوند. سه معیار Core Web Vitals ابتدا فهرست میشوند: بزرگترین رنگ محتوایی (LCP)، تاخیر ورودی اول (FID) و تغییر چیدمان تجمعی . این معیارها با معیارهای قابل توجه دیگری دنبال می شوند: اولین رنگ محتوایی (FCP)، تعامل با رنگ بعدی (INP) و زمان تا اولین بایت (TTFB).
Core Web Vitals
- LCP زمان را اندازه میگیرد تا اینکه صفحه محتوای اصلی را نمایش دهد، مانند تصویر یا عنوان قهرمان.
- INP تأخیر تمام تعاملاتی که کاربر با صفحه انجام داده است را اندازه گیری می کند و یک مقدار واحد را گزارش می کند که همه (یا تقریباً همه) تعاملات در زیر قرار دارند.
- CLS میزان ناپایداری طرحبندی را در صفحه اندازهگیری میکند، به دلیل جابجاییهایی مانند تزریق محتوای بارگذاری شده ناهمزمان.
سایر معیارهای قابل توجه
- FCP زمانی را اندازه میگیرد که صفحه چیزی را در پیشزمینه نمایش دهد، مانند متن یا لوگو.
- TTFB یک معیار آزمایشی است که زمان بین درخواست یک منبع و زمانی که اولین بایت یک پاسخ شروع می شود را اندازه می گیرد.
- FID - که اکنون منسوخ شده و با INP جایگزین شده است - تعامل صفحه را از اولین تعامل کاربر تا زمانی که صفحه به آن پاسخ می دهد، اندازه گیری می کند.
آستانه های متریک
این جدول توضیح میدهد که چگونه مقادیر این معیارها به عنوان «خوب»، «نیاز به بهبود» یا «ضعیف» طبقهبندی میشوند.
متریک | "خوب" | "نیاز به بهبود" | "بیچاره" -- | -- | -- | -- LCP | 0–2500ms | 2500–4000 میلیثانیه | 4000ms+ CLS | 0.00-0.10 | 0.10–0.25 | 0.25+ INP | 0-200ms | 200ms–500ms | 500ms+ FID | 0-100ms | 100-300 میلی ثانیه | 300ms+ FCP | 0–1800ms | 1800ms–3000ms | 3000ms+ TTFB | 0-800ms | 800ms–1800ms | 1800ms+
معیارهای Core Web Vitals مهمترین معیارها هستند و مستقیماً توسط کاربران واقعی تجربه می شوند. معیارهای دیگر ممکن است به عنوان تشخیص استفاده شوند، اما لزوما توسط کاربران واقعی قابل درک نیستند. بنابراین، این معیارها در ارزیابی Core Web Vitals لحاظ نمیشوند، و عدم دستیابی به آستانههای «خوب» تنها در صورتی مهم است که تأثیر منفی بر Core Web Vitals داشته باشند.
سه روش برای نمایش تجربه کاربر در PSI وجود دارد:
- برچسبی که صفحه را به عنوان گذراندن یا عدم گذراندن ارزیابی Core Web Vitals خلاصه می کند
- صدک های اندازه گیری شده در ثانیه یا میلی ثانیه (CLS بدون واحد است)
- توزیعی که نشان دهنده درصد تجربیات "خوب"، "نیاز به بهبود" و "ضعیف" است، با کلیک بر روی Expand view در سمت راست بالای این بخش در دسترس است.
در تصویر بالا، صفحه به عنوان "گذراندن" ارزیابی Core Web Vitals برچسب گذاری شده است. برای عبور، صدک باید در هر سه Core Web Vital به عنوان "خوب" طبقه بندی شود. در غیر این صورت، ارزیابی به عنوان "شکست خورده" ظاهر می شود. برخی از صفحات ممکن است داده های INP کافی نداشته باشند، در این صورت صفحه بر اساس دو معیار دیگر Core Web Vitals ارزیابی می شود.
صدک های نشان داده شده برای همه معیارها با صدک 75 مطابقت دارد. در آمار، صدک معیاری است که مقداری را نشان می دهد که درصد معینی از نمونه ها زیر آن قرار می گیرد. به عنوان مثال، اسکرین شات بالا نشان می دهد که صدک 75 FID 13 میلی ثانیه است، به این معنی که 75 درصد از تجربیات FID سریعتر از 13 میلی ثانیه هستند. این مقادیر مطابق جدول آستانه بالا کد رنگی می شوند که در آن مقادیر "خوب" سبز، مقادیر "نیاز به بهبود" نارنجی و مقادیر "ضعیف" قرمز هستند.
در نهایت، توزیعهای هر معیار با استفاده از گروهبندی «خوب»، «نیاز به بهبود» و «ضعیف» نشان داده میشوند. به عنوان مثال، تجربیات LCP در این صفحه در 90٪ مواقع "خوب" (کمتر از 2.5 ثانیه) هستند. FID در 1% مواقع "ضعیف" است (حداقل 300 میلی ثانیه). این توزیعها نشاندهنده تمام تجربیات کاربر در صفحه هستند و شکلهای آنها تمایل به «خوب» یا «فقیر» بودن را نشان میدهد.
خلاصه عملکرد مبدا
PSI همچنین شامل خلاصه ای از عملکرد مبدا است. این مجموعه ای از تجربیات کاربر در تمام صفحات یک منبع است. شما می توانید همان آمار را برای کل مبدا دریافت کنید که برای صفحات جداگانه در دسترس است. این دادهها با آنچه در BigQuery موجود است، همسو هستند، در حالی که عملکرد سطح صفحه برای پرس و جو در دسترس نیست.
یک تفاوت عمده بین داده های سطح مبدا در PSI در مقابل BigQuery وجود دارد. مجموعه داده ها در BigQuery یک بار در ماه منتشر می شوند و داده های ماه تقویم قبلی را در بر می گیرند. به عنوان مثال، مجموعه داده 202005 شامل تمام تجربیات کاربر است که در می 2020 رخ داده است. از طرف دیگر، PSI داده های جدید را هر روز شامل 28 روز قبل جمع آوری می کند. بنابراین نتایجی که امروز میبینید ممکن است فردا متفاوت باشند و لزوماً با آنچه در انبوه ماه جاری در BigQuery میبینید یکسان نیستند.
زمانی پاسخ میدهد که دادههای URL در CrUX در دسترس نباشد
اگر URL وارد شده در CrUX در دسترس نباشد، PageSpeed Insights سعی میکند تا دادههای سطح مبدا را مطابق شکل زیر بازگرداند. با کلیک بر روی نماد کنار دکمه غیرفعال This URL توضیحات بیشتری نشان داده می شود.
اگر داده های سطح مبدا نیز در CrUX موجود نباشد، PSI قادر به نمایش این بخش نیست و No Data را مشاهده خواهید کرد. داده های آزمایشگاهی از Lighthouse هنوز در دسترس است تا عملکرد صفحه را به شما تقریبی ارائه دهد.
سوالات متداول
چه زمانی از PageSpeed Insights بر خلاف ابزارهای دیگر استفاده کنم؟
PSI دادههای تجربه کاربر در دنیای واقعی CrUX را با تشخیص عملکرد مبتنی بر آزمایشگاه Lighthouse ترکیب میکند. این کار باعث میشود که به راحتی ببینید یک صفحه چقدر سریع تجربه میشود و چگونه میتوان آن را سریعتر کرد همه در یک مکان. تجمیع روزانه دادههای میدانی در PSI آن را به مکانی عالی برای نظارت دقیقتر عملکرد مبدا یا URL نسبت به ابزارهایی با تجمیعهای کمتر تبدیل میکند.
آیا محدودیتی برای استفاده از PageSpeed Insights وجود دارد؟
PSI فقط جدیدترین تجمیع روزانه را ارائه می دهد، بنابراین لزوماً نمی توانید ببینید که عملکرد یک سایت چگونه است. همچنین برخی از معیارهای غیر حیاتی در مجموعه داده CrUX گنجانده شده است که در PSI نمایش داده نمی شوند.
از کجا می توانم درباره PageSpeed Insights بیشتر بیاموزم؟
برای اطلاعات بیشتر ، اسناد PSI را بررسی کنید.