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

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

فرض کنید که وب‌سایتی را راه‌اندازی کرده‌اید و می‌خواهید بدانید بازدیدکنندگان شما چگونه سایت را می‌بینند. آیا سایت شما سریع بارگذاری می‌شود؟ آیا کاربران تجربه‌ی خوبی را دارند یا با مشکلاتی مانند بارگذاری کند یا طراحی نامناسب مواجه‌اند؟ در این قسمت گزارش CrUX به شما کمک خواهد کرد.

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

همین الان، بدون کمترین پیچیدگی، سرور مجازی خودتون رو در کمتر از ۳۰ ثانیه، راه‌اندازی کنید.
✅ عملکرد پایدار ✅ ترافیک نامحدود ✅ هزینه به‌صرفه
خرید سرور مجازی ابری

آنچه در ادامه خواهید خواند:

• CrUX چیست؟
• کاربردهای کلیدی CrUX
• روش های دسترسی به گزارش CrUX
• روش CrUX چه امکاناتی را برای شما فراهم می‌کند؟
• گزارش های CrUX چه مواردی است؟
• CrUX برای چه وب سایت هایی در دسترس است؟
• پیش نیاز های گزارش CrUX
• چگونه صفحات را در CrUX ادغام کنیم؟
• تاثیر ادغام صفحات در 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

اگر به دنبال دسترسی به داده‌های دقیق‌تر و به تجزیه‌وتحلیل‌های پیچیده‌تری نیاز خواهید داشت از Google Cloud استفاده کنید. این روش به شما اجازه می‌دهد تا داده‌های 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 به جزئیات بیشتری از داده‌ها دست پیدا کنید.

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

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

CrUX API

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

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

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

?برای ادامه مطالعه و یادگیری: راهنمای نصب جاوا با استفاده از apt در دبیان 12

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

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

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

این داده ها عملکرد واقعی سایت شما را از دید کاربران نشان می‌دهد و به شما کمک می‌کند تا تجربه کاربری را بر اساس اطلاعات میدانی خود بالا ببرید.

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

گزارش CrUX برای بیشتر وب‌سایت‌ها در دسترس است، اما محدودیت‌هایی دارد که باید به آن توجه داشته باشید.

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

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

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

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

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

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

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

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

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

• Windows
• MacOS
• Linux
• ChromeOS

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

• iOS
• WebView
• Microsoft Edge

?مطالعه بیشتر: وب سرور IIS چیست و چگونه کار می‌ کند؟ (راهنمای کامل)

چگونه صفحات را در 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 آدرس‌های مختلف برای زبان‌های مختلف را به‌عنوان صفحات مجزا در نظر می‌گیرد که می‌تواند منجر به پراکندگی داده‌ها و گزارش‌های نادرست شود.

?بیشتر بخوانید: 5 اشتباه رایج در انتخاب هاست | راهکار جلوگیری از این اشتباهات

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

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

گزارش 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 استفاده کنید. با درک بهتر این داده‌ها، می‌توانید عملکرد سایت خود را بهینه کرده و در نهایت رتبه‌بندی بهتری هم در موتورهای جستجو داشته باشید.

?مطالعه بیشتر: موارد امنیتی بسیار مهم برای حفاظت از سرور مجازی