آشنایی با CrUX و روش‌های دسترسی به گزارش‌های آن

نرگس سلطانی
۲ فروردین ۱۴۰۴

با استفاده از گزارش CrUX (Chrome User Experience Report)، می‌توانید تجربه واقعی کاربران سایت خود را در شرایط مختلف بررسی کنید و بفهمید که سایت شما از نظر سرعت و کاربرپسندی چگونه عمل می‌کند. داده‌های واقعی برای تصمیم‌گیری‌های بهتر!

فرض کنید که وب‌سایتی را راه‌اندازی کرده‌اید و می‌خواهید بدانید بازدیدکنندگان شما چگونه سایت را تجربه می‌کنند. آیا سایت شما سریع بارگذاری می‌شود؟ آیا کاربران تجربه‌ی لذت‌بخشی دارند یا با مشکلاتی مانند بارگذاری کند یا طراحی نامناسب مواجه‌اند؟ اینجا گزارش CrUX (Chrome User Experience Report) وارد می‌شود. CrUX با جمع‌آوری داده‌های واقعی از کاربران مرورگر کروم، به شما کمک می‌کند تا عملکرد سایت خود را در شرایط مختلف مانند نوع دستگاه، موقعیت جغرافیایی و سرعت اینترنت تحلیل کنید. این گزارش به شما این امکان را می‌دهد که به‌جای حدس و گمان، تصمیمات هوشمندانه‌تری برای بهبود تجربه کاربری بگیرید. برای شروع به بررسی دقیق تجربه کاربران خود، ادامه مطلب را از دست ندهید!

CrUX چیست؟

گزارش تجربه کاربری (Chrome User Experience Report) CrUX یک ابزار بسیار مفید است که داده‌های واقعی کاربران مرورگر Google Chrome را برای ارزیابی عملکرد سایت‌ها جمع‌آوری می‌کند. برخلاف ابزارهای شبیه‌سازی شده، این گزارش تجربه واقعی کاربران را منعکس می‌کند و شامل اطلاعاتی همچون وضعیت Web Core Vitals (LCP , FID , CLS)، نوع دستگاه، موقعیت جغرافیایی و شرایط شبکه است. داده‌ها به صورت ناشناس و زیاد جمع می‌شوند و نمای دقیقی را از عملکرد سایت را ارائه می‌دهند.

CrUX به خصوص بر سه معیار اصلی تمرکز دارد:

• LCP (زمان بارگذاری بزرگ‌ترین محتوای قابل مشاهده)
• FID (زمان پاسخ‌گویی به اولین تعامل کاربر)
• CLS (تغییرات ناگهانی در طراحی صفحه)

که تأثیر زیادی بر رتبه‌بندی سایت در گوگل دارند. CrUX به توسعه‌دهندگان کمک می‌کند تا بر اساس داده‌های واقعی، تجربه کاربری را بهینه‌سازی کنند و عملکرد سایت را بهبود بخشند.

کاربردهای کلیدی CrUX

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

روش های دسترسی به گزارش CrUX

برای بررسی عملکرد کاربران در سایت ها، باید از ابزار های مختلفی استفاده کنید که دسترسی به گزارش CrUX در آن وجود داشته باشد. هر کدام از این ابزارها ویژگی ها و سطح های متفاوتی را ارائه می‌دهند.

PageSpeed Insights

یکی از راحت‌ترین و سریع‌ترین راه‌ها برای دسترسی به داده‌های CrUX، استفاده از ابزار PageSpeed Insights است. این ابزار برای افرادی که به دنبال تجزیه‌وتحلیل عملکرد وب‌سایت خود با استفاده از داده‌های واقعی هستند، بسیار مفید است. نتایج به‌دست‌آمده به‌طور دقیق عملکرد سایت شما را از نگاه کاربران واقعی در قالب معیارهای Core Web Vitals نظیر LCP , FID , CLS نشان می‌دهند.

نحوه استفاده:

1. وارد وب‌سایت PageSpeed Insights شوید.
2. URL صفحه‌ای که می‌خواهید آنالیز کنید را وارد کرده و روی Analyze کلیک کنید.
3. پس از آن، دو نوع داده برای شما نمایش داده می‌شود:
   • Field Data: اطلاعات جمع‌آوری‌شده از کاربران واقعی (داده‌های CrUX).
   • Lab Data: داده‌هایی که از طریق Lighthouse به‌صورت شبیه‌سازی شده جمع‌آوری شده است.
4. اگر داده‌ای برای صفحه مورد نظر موجود نباشد، پیامی مبنی بر عدم وجود داده‌ها نمایش داده خواهد شد.

داده‌های ارائه‌شده:

• LCP (بزرگ‌ترین محتوای بارگذاری‌شده)
• FID (زمان تأخیر اولین ورودی)
• CLS (تغییرات غیرمنتظره چیدمان)
• اطلاعات براساس نوع دستگاه (موبایل، دسکتاپ)
• ارزیابی عملکرد به سه دسته:
  • خوب (Good)
  • نیاز به بهبود (Needs Improvement)
  • ضعیف (Poor)

Google Cloud (BigQuery)

اگر به دنبال دسترسی به داده‌های دقیق‌تر و نیازمند تجزیه‌وتحلیل‌های پیچیده‌تری هستید، Google Cloud از طریق BigQuery ابزار مناسبی است. این روش به شما این امکان را می‌دهد تا داده‌های CrUX را از طریق SQL بررسی کرده و تحلیل‌های سفارشی انجام دهید.

نحوه استفاده:

1. وارد Google Cloud Console شوید و به بخش BigQuery بروید.
2. یک پروژه جدید ایجاد کرده یا پروژه موجود خود را انتخاب کنید.
3. به مجموعه داده عمومی chrome-ux-report دسترسی پیدا کنید.
4. از بخش New Query برای نوشتن و اجرای کوئری‌های SQL استفاده کنید.

داده‌های ارائه‌شده:

• اطلاعات کامل از Core Web Vitals (LCP , FID , CLS)
• تفکیک داده‌ها براساس نوع دستگاه (موبایل، دسکتاپ، تبلت)
• تجزیه‌وتحلیل بر اساس موقعیت جغرافیایی کاربران
• بررسی تغییرات در عملکرد در طول زمان

CrUX Dashboard در Data Studio

برای مشاهده و تجزیه‌وتحلیل داده‌ها به‌صورت گرافیکی، Google Data Studio گزینه مناسبی است. با استفاده از داشبورد CrUX در این پلتفرم می‌توانید داده‌های CrUX را به‌صورت نموداری و تفکیک‌شده مشاهده کنید.

نحوه استفاده:

1. وارد Google Data Studio شوید.
2. از داشبورد آماده CrUX Dashboard استفاده کنید یا یک داشبورد سفارشی بسازید.
3. اتصال داده‌های CrUX را فعال کرده و تنظیمات مورد نیاز را انجام دهید.

داده‌های ارائه‌شده:

• Core Web Vitals (LCP , FID , CLS) به‌صورت نموداری
• اطلاعات تفکیک‌شده براساس دستگاه‌های مختلف
• تحلیل عملکرد کاربران در مناطق جغرافیایی مختلف
• بررسی روند تغییرات تجربه کاربری در بازه‌های زمانی مختلف

BigQuery

برای تحلیل‌های پیشرفته‌تر و سفارشی، BigQuery یکی از قدرتمندترین ابزارها برای دسترسی به داده‌های CrUX است. این ابزار به شما این امکان را می‌دهد که با نوشتن کوئری‌های پیچیده SQL به جزئیات بیشتری از داده‌ها دست یابید.

امکانات ارائه‌شده توسط BigQuery:

• تحلیل عمیق: اجرای کوئری‌های پیچیده و بررسی دقیق‌تر داده‌ها
• داده‌های جامع: دسترسی به تمامی جزئیات مربوط به Core Web Vitals و دیگر پارامترهای تجربه کاربری
• تحلیل تاریخی: امکان مشاهده تغییرات عملکرد در طول زمان
• شخصی‌سازی: امکان تنظیم خروجی‌های خاص برای نیازهای شما

CrUX API

برای توسعه‌دهندگانی که نیاز به یکپارچه‌سازی داده‌های CrUX با دیگر سیستم‌ها دارند، CrUX API گزینه مناسبی است. این ابزار امکان دسترسی پیوسته و خودکار به داده‌ها را فراهم کرده و برای پروژه‌های بزرگ بسیار مفید است.

امکانات ارائه‌شده توسط CrUX API:

• اتصال به برنامه‌های سفارشی: امکان ادغام داده‌های CrUX با ابزارهای دیگر
• دسترسی خودکار: دریافت داده‌ها به‌صورت خودکار و به‌روزرسانی‌های مداوم
• فیلتر کردن دقیق: فیلترکردن داده‌ها براساس معیارهایی مانند نوع دستگاه یا موقعیت جغرافیایی
• تحلیل مقیاس‌پذیر: بررسی داده‌ها برای هزاران صفحه به‌طور هم‌زمان

برای شروع استفاده از این ابزار، می‌توانید مستندات CrUX API را مطالعه کرده و دسترسی آن را از طریق Google Cloud Console فعال کنید.

روش CrUX چه امکاناتی را برای شما فراهم می‌کند؟

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

گزارش های CrUX چه مواردی است؟

گزارش Chrome User Experience Report (CrUX) داده های واقعی از تجربه های کاربران سایت را در مرورگر کروم ارائه می‌دهد. این داده ها عملکرد واقعی سایت شما را از دید کاربران نشان می‌دهد و به شما کمک می‌کند تا تجربه کاربری را بر اساس اطلاعات میدانی بالا ببرید.

CrUX برای چه وب سایت هایی در دسترس است؟

گزارش CrUX برای بیشتر وب‌سایت‌ها در دسترس است، اما برخی محدودیت‌ها وجود دارد:

• تعداد بازدیدکنندگان واقعی: وب‌سایت باید ترافیک مناسبی داشته باشد. اگر سایت ترافیک کمی داشته باشد، ممکن است داده‌های CrUX برای آن ثبت نشود یا در ابزارهایی مانند PageSpeed Insights قابل مشاهده نباشد.
• دسترسی عمومی به سایت: تنها وب‌سایت‌هایی که برای عموم کاربران در دسترس هستند و هیچ محدودیت خاصی ندارند، شامل داده‌های CrUX می‌شوند. سایت‌هایی با محدودیت‌های دسترسی، داده‌هایشان در این گزارش قابل مشاهده نخواهد بود.

پیش نیاز های گزارش CrUX

گزارش CrUX (Chrome User Experience Report) برای جمع‌آوری داده‌های واقعی از تجربه کاربران است که باید تعدادی از شرایط را رعایت کرد تا اطمینان حاصل شود که داده‌ها معتبر و قابل استناد خواهند بود.

شرایط ثابت صفحات: برای اینکه صفحه‌ای در گزارش CrUX قرار گیرد، باید شرایط خاصی را داشته باشد:

• دسترسی‌های عمومی: صفحه باید برای همه کاربران در دسترس باشد و هیچ محدودیتی نظیر پسورد، فایروال یا محدودیت‌های جغرافیایی نداشته باشد.
• کد HTTP برابر با 200: صفحه باید به درستی بارگذاری شود و در صورت وجود ریدایرکت، مقصد نهایی باید این کد وضعیت را داشته باشد.
• نبود تگ noindex: صفحات نباید دارای تگ‌های مسدودکننده ایندکس مانند: <meta name="robots" content="noindex"> یا هدر HTTP X-Robots-Tag: noindex باشند.
• عدم دسترسی از طریق Search Console: باید از طریق فایل‌های robots.txt یا تنظیمات موجود در Google Search Console، دسترسی به صفحه مسدود نشده باشد.

صفحات با بازدید کافی (Sufficiently Popular): برای اینکه داده‌های یک صفحه در گزارش CrUX گنجانده شود، باید این صفحه در یک بازه زمانی مشخص بازدید کافی داشته باشد. این پیش‌نیاز برای اطمینان از جمع‌آوری داده‌های معتبر و آماری است که تجربه کاربری واقعی را منعکس کند. در صورتی که صفحه بازدید کمی داشته باشد، داده‌های آن در گزارش CrUX لحاظ نمی‌شود و ممکن است در ابزارهایی مانند PageSpeed Insights قابل مشاهده نباشد.

شرایط لازم برای ارائه گزارشات کاربر در CrUX (User in CrUX): برای اینکه داده‌های کاربر در گزارش CrUX ثبت شود، باید شرایط زیر برقرار باشد:

• User Statistic Reporting در مرورگر: کاربران باید گزینه ارسال آمار استفاده از مرورگر کروم را فعال کرده باشند. این گزینه به‌طور پیش‌فرض در برخی نسخه‌ها فعال است، اما کاربر می‌تواند آن را غیرفعال کند.
• همگام‌سازی تاریخچه مرورگر (Browser History Sync): کاربران باید قابلیت همگام‌سازی تاریخچه مرورگر خود را فعال کرده باشند. این ویژگی به گوگل این امکان را می‌دهد که داده‌های مرتبط با تجربه کاربری را جمع‌آوری کند.

پلتفرم‌های پشتیبانی‌شده و پشتیبانی‌نشده در CrUX: داده‌ها تنها زمانی در گزارش CrUX مشاهده می‌شوند که از پلتفرم‌هایی که از آن‌ها پشتیبانی می‌شود استفاده گردد. این پلتفرم‌ها عبارتند از:

پشتیبانی می‌شود:

• Windows
• MacOS
• Linux
• ChromeOS

پشتیبانی نمی‌شود:

• iOS
• WebView
• Microsoft Edge

چگونه صفحات را در CrUX ادغام کنیم؟

گزارش CrUX در برخی شرایط، داده‌های مربوط به چند URL مشابه را به یک صفحه ترکیب می‌کند. این ادغام بر اساس موارد زیر صورت می‌گیرد:

تگ کنونیکال (Canonical Tag):

اگر چند URL به یک صفحه اصلی اشاره کنند و تگ کنونیکال برای آن صفحه مشخص شده باشد، CrUX تمام داده‌ها را برای URL کنونیکال ثبت می‌کند. به عنوان مثال، URLهایی مانند:

• https://google.com/page
• https://google.com/page?utm_source=google
  هر دو به صفحه اصلی (https://google.com/page) ادغام می‌شوند.

ریدایرکت‌ دائمی (301 Redirect):

در صورتی که یک URL به URL دیگری به صورت دائمی هدایت شود، داده‌های هر دو URL برای صفحه مقصد ثبت می‌شود. به عنوان مثال:

http://google.com → ریدایرکت به → https://google.com داده‌ها برای آدرس مقصد یعنی https://google.com ذخیره می‌شود.

ادغام کردن ساب‌دامین‌ها در دامنه اصلی:

در برخی موارد که ساب‌دامین‌ها عملکرد مشابه دارند و به درستی تنظیم شده‌اند، داده‌های آن‌ها ممکن است در دامنه اصلی ترکیب شوند. به عنوان مثال:

blog.google.com و www.google.com
در صورتی که تنظیمات کنونیکال یا ریدایرکت موجود باشد، داده‌ها می‌توانند به دامنه اصلی منتقل شوند.

تاثیر ادغام صفحات در CrUX چیست؟

در گزارش CrUX، ادغام صفحات می‌تواند تأثیرات مختلفی بر دقت و کیفیت داده‌ها داشته باشد. این ادغام موجب متمرکزتر شدن داده‌ها می‌شود و به تحلیل دقیق‌تر تجربه واقعی کاربران کمک می‌کند. با این روش، داده‌های پراکنده برای URLهای مشابه جمع‌آوری و در یک گزارش واحد قرار می‌گیرند، که نتیجه آن ارزیابی بهتر عملکرد کلی صفحات است. زمانی که یک صفحه ریدایرکت می‌شود، داده‌های عملکرد مربوط به URL نهایی ثبت می‌شود، نه آدرس اولیه. به این معنا که همه معیارهای تجربه کاربری مانند LCP و FID برای صفحه مقصد ذخیره می‌شوند.

معماری وب‌سایت نیز می‌تواند تأثیر زیادی بر گزارش‌های CrUX بگذارد. برای مثال، در سایت‌های SPA که URL ثابت می‌ماند و تنها محتوای صفحه تغییر می‌کند، CrUX نمی‌تواند تغییرات داخلی صفحات را به‌درستی ثبت کند و تنها داده‌های کلی سایت را ذخیره می‌کند. همچنین، در سایت‌هایی که محتوای دینامیک دارند و پس از بارگذاری اولیه یا از طریق تعاملات کاربر لود می‌شود، CrUX ممکن است این بخش‌ها را نادیده بگیرد و همین موضوع باعث می‌شود معیارهایی مانند LCP و CLS به‌درستی گزارش نشوند.

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

سوالات متداول:

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

گزارش CrUX چیست؟

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

چگونه می‌توانم به گزارش CrUX دسترسی پیدا کنم؟

برای دسترسی به گزارش CrUX، می‌توانید از ابزارهایی مانند PageSpeed Insights یا Google Search Console استفاده کنید.

چگونه می‌توانم داده‌های CrUX را تحلیل کنم؟

شما می‌توانید داده‌های CrUX را در ابزارهایی مانند PageSpeed Insights مشاهده کرده و معیارهای مختلف مانند LCP، FID، و CLS را بررسی کنید.

آیا همه صفحات در گزارش CrUX قرار می‌گیرند؟

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

آیا CrUX از داده‌های مرورگرهای غیر از کروم پشتیبانی می‌کند؟

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

جمع بندی

گزارش CrUX ابزار قدرتمندی است که داده‌های واقعی تجربه کاربری از وب‌سایت‌ها را جمع‌آوری و تحلیل می‌کند. این گزارش بر اساس معیارهای کلیدی مانند LCP، FID و CLS عملکرد سایت را اندازه‌گیری می‌کند و به شما کمک می‌کند تا نقاط ضعف سایت را شناسایی کرده و تجربه کاربری را بهبود دهید. برای دسترسی به این گزارش، می‌توانید از ابزارهایی مانند PageSpeed Insights یا Google Search Console استفاده کنید. با درک بهتر این داده‌ها، می‌توانید عملکرد سایت خود را بهینه کرده و در نهایت رتبه‌بندی بهتری در موتورهای جستجو کسب کنید.