בדיקת הביצועים בשטח באמצעות דוח חוויית המשתמש ב-Chrome

דוח חוויית המשתמש ב-Chrome (נקרא באופן רשמי CrUX) הוא מערך נתונים ציבורי של נתונים אמיתיים על חוויית המשתמש במיליוני אתרים. בניגוד לנתוני שיעור Lab, נתוני CrUX מגיעים למעשה ממשתמשים שהביעו הסכמה בשטח. הוא מודד את מדדי הליבה לבדיקת חוויית המשתמש באתר, כולל מדד ה-LCP, הצגת התוכן הכי גדול (LCP), אינטראקציה עד לזמן הבא (INP) ו-Cumulative Layout Shift (CLS) וגם מדדי אבחון כמו 'הזמן עד הבייט הראשון' (TTFB) ו'מהירות התגובה הראשונה' (FCP).

מערך הנתונים מכיל גם מאפיינים איכותניים על חוויית המשתמש, לדוגמה, המכשיר וסוגי החיבורים, מאפשרת להציג פירוט של חוויות המשתמש שמקובצות לפי טכנולוגיות דומות. לצפייה מסמכי תיעוד של CrUX כדי לראות את רשימת המדדים המלאה.

באמצעות הנתונים האלה, המפתחים יכולים להבין את ההתפלגות הרחבה של בין אתרים, מקטעי אינטרנט או באינטרנט, כולו. זה ממש חשוב! מערך הנתונים של דוח חוויית המשתמש ב-Chrome הוא הראשון מסוגו כדי לאפשר למפתחי אתרים להשוות את ביצועי המשתמשים האמיתיים שלהם התחרות והתעשייה.

איך להשתמש בעמודה

יש ארבע דרכים עיקריות לחלץ תובנות מדוח חוויית המשתמש ב-Chrome: שונות במורכבות. לניתוח מהיר וקל של ביצועי האתר, אפשר להיעזר בלוח הבקרה של CrUX וב PageSpeed Insights הם הכלים המומלצים. BigQuery מעביר חלק מהפשטות של הניתוח לכוח ההתאמה האישית ותובנות מפורטות יותר. בנוסף, ה-API מאפשר שילוב של נתונים ברמה גבוהה עם אפליקציות אחרות, ו-History API מספק נתונים היסטוריים לניתוח מגמות.

לוח הבקרה של CrUX

לוח הבקרה של CrUX מאפשר התאמה אישית של נתונים כלי להמחשה של אתרים היסטוריית הביצועים שמבוססת על Looker Studio. הנתונים מגיעים ממערך הנתונים ב-BigQuery, וכל שאילתות ה-SQL אנחנו נטפל בזה בשבילך. בלוח הבקרה מוצגת התפלגות המשתמשים על סמך מדדי ביצועים מרכזיים, ואיך הם משתנים בזמן האימון. הוא מראה גם את ההתפלגות של מדדים איכותיים, כמו מכשירים סוג החיבור וסוג החיבור האפקטיביים משתנים עם הזמן. כדאי לנסות את מדריך למרכז השליטה של Looker Studio.

PageSpeed Insights

PageSpeed Insights (PSI) מציג את ההתפלגויות האחרונות של הביצועים, בחלוקה לפי מחשבים בנייד. נתוני הביצועים זמינים לגבי דפי אינטרנט ספציפיים (בנוסף למקורות שלמים) והוא נצבר במשך 28 הימים האחרונים של (בניגוד לחודש הקלנדרי הקודם ב-BigQuery). השימוש בכלי הזה הוא כמו הזנת כתובת URL או מקור בתיבת החיפוש בממשק האינטרנט, מוצגים נתוני ביצועי השדות לצד הצעות מרשמים. לבצע אופטימיזציה של הדף. כדאי לנסות את מדריך ל-PageSpeed Insights.

CrUX ב-BigQuery

במסד הנתונים של CrUX ב-BigQuery, חלק מ-Google Cloud Platform (GCP) באמצעות ממשק אינטרנט ושורת פקודה, מארח את הנתונים הגולמיים שצוברים מדדי ביצועים עיקריים של חוויית המשתמש במקורות מובילים באינטרנט. מדי פעם נוספות טבלאות חדשות למסד הנתונים שכוללות לחודש הקלנדרי הקודם. מפתחים יכולים ליצור שאילתות בעבודת יד לכריתת מערך הנתונים כדי לקבל תובנות ספציפיות. ל-BigQuery נדרש ידע ב-SQL ובפרויקט GCP עם להפעיל את השאילתות. זה כלי שימושי במיוחד לספקי כוח משתמשים שצריכים גישה ברמה נמוכה לנתונים כדי ליצור דוחות בהתאמה אישית, נקודות השוואה ודוחות על מצב האינטרנט. כדאי לנסות את מדריך ל-BigQuery.

ממשק API של CrUX

CrUX API הוא ממשק RESTful בחינם, לחיפוש נתוני מקור או נתוני חוויית משתמש ברמת כתובת ה-URL. הנתונים מתעדכנים מדי יום וצוברים נתונים מ-28 הימים האחרונים, בדומה ל-PageSpeed Insights. תוכלו להשתמש ב-API הזה כדי ליצור אפליקציות משלכם על סמך נתוני חוויית המשתמש האמיתי ב-CrUX. כדאי לעיין במדריך ל-CrUX API.

ממשק API של CrUX היסטוריה

CrUX History API הוא ממשק RESTful בחינם, בדומה ל-API היומי, לחיפוש נתוני מקור או נתוני חוויית משתמש ברמת כתובת ה-URL. הנתונים מתעדכנים מדי שבוע וצוברים נתונים מ-28 הימים האחרונים, במשך תקופה של 6 חודשים. תוכלו להשתמש ב-API הזה כדי ליצור אפליקציות משלכם על סמך נתוני חוויית המשתמש האמיתי ב-CrUX. כדאי לעיין במדריך ל-CrUX History API.

איך אפשר לקבל עזרה?

אם אתם זקוקים לתמיכה מסוג כלשהו, יש כמה ערוצים שבהם אפשר לפנות לאנשים יכולה לעזור. קבוצת Google CrUX הוא פורום ציבורי שבו משתמשים במערך הנתונים יכולים לשאול שאלות ולשתף ניתוחים. יש גם תג CrUX ב-Stack Overflow אם אתם צריכים עזרה בתכנות עם גישת SQL או API. ולבסוף, @ChromeUXReport הוא חשבון Twitter שלך יכולים לעקוב אחריו כדי לשאול שאלות ולהקשיב להודעות על מוצרים.

ראו הדגמה

כדי להכיר טוב יותר את הנתונים הזמינים, מדריכים מפורטים לשימוש ב-Looker Studio Dashboard, ב-PageSpeed Insights, ב-BigQuery וב-API היומי וגם ב-History API: