pagespeed: מה בודקים ואיך מפרשים את הציון של גוגל

מה זה pagespeed ומה אפשר ללמוד מהדוח

PageSpeed Insights הוא כלי של גוגל שמנתח כתובת של עמוד ומציג מידע על ביצועיו והצעות לשיפור. הוא שימושי לבעלי אתרים שרוצים להבין היכן יש בעיית מהירות, ולמפתחים שצריכים לאתר את הגורם לה. כדי להתחיל, מזינים כתובת ב־PageSpeed Insights ובוחנים בנפרד את התוצאות לנייד ולמחשב.

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

לפי ההסבר של גוגל, כמה סיבות עיקריות לפער:

• בדיקת המעבדה רצה על מכשיר, רשת ומיקום אחד, ונתוני הגולשים כוללים את כל מגוון המכשירים והרשתות.
• המעבדה בדרך כלל מתחילה בזיכרון מטמון ריק, וגולשים חוזרים טוענים חלק מהמשאבים מהמטמון.
• ב־INP המעבדה לא יכולה לדעת מתי גולשים ילחצו, ולכן אין לה מדד זהה לו.
• ב־CLS נתוני הגולשים כוללים גם תזוזות שנוצרות בגלילה או בתוכן שנטען באיחור, ואילו המעבדה מודדת בעיקר את מה שקורה בזמן הטעינה.

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

מה אומר ציון הביצועים, ולמה הוא משתנה

ציון הביצועים של Lighthouse, הכלי שמפעיל את בדיקת המעבדה, נע בין 0 ל־100 ומחושב משקלול מדדי ביצועים. ציון 90–100 נחשב טוב, 50–89 דורש שיפור ו־0–49 נחשב נמוך. אלה טווחי ציון המעבדה, והמספר אינו אחוז הגולשים שמקבלים חוויה טובה.

לפי התיעוד של Chrome, הציון מורכב מחמישה מדדים במשקלים שונים:

• Total Blocking Time: 30%
• Largest Contentful Paint: 25%
• Cumulative Layout Shift: 25%
• First Contentful Paint: 10%
• Speed Index: 10%

המשקלים עשויים להתעדכן עם גרסאות חדשות של Lighthouse, ולכן כדאי לבדוק אותם בתיעוד. המשמעות המעשית היא שחסימת התגובה בגלל סקריפטים כבדים והצגת התוכן המרכזי משפיעות על הציון יותר מאשר מדדים אחרים. אם תמונות כבדות מאטות את הצגת התוכן, אפשר לבדוק המרת תמונות ל־WebP.

תנאי הבדיקה והתוכן שנטען יכולים להשתנות, ולכן גם הציון עשוי להשתנות בין הרצות. גוגל מונה בין הגורמים בדיקות A/B ופרסומות משתנות, שינויים בניתוב התעבורה ברשת, בדיקה במכשירים שונים, תוספים בדפדפן שמוסיפים קוד ותוכנות אנטי־וירוס. בהשוואה חוזרת כדאי לבדוק את אותה כתובת באותו סוג מכשיר ולעיין במדדים עצמם, מעבר לצבע ולציון הכולל. גוגל מציינת שציון מושלם של 100 קשה מאוד להשגה ואינו צפוי מכל אתר. הסבר חישוב הציון וטווחי הצבעים.

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

איך לקרוא את נתוני הגולשים ואת מדדי הליבה

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

מדדי Core Web Vitals מתארים טעינה (LCP), תגובה לפעולות (INP) ויציבות חזותית (CLS). ההערכה נעשית באחוזון ה־75: ערך ש־75% מהמדידות נמצאות בו או מתחתיו, בנפרד לנייד ולמחשב. לכן הדוח משקף גם את החוויות המתסכלות יותר באתר ולא רק את הממוצע. הגדרת המדדים ושיטת ההערכה.

כללי העמידה בהערכה לפי התיעוד של PageSpeed Insights:

• כשיש מספיק נתונים לשלושת המדדים, העמוד עומד בהערכה אם האחוזון ה־75 של LCP, INP ו־CLS נמצא בטווח הטוב.
• כשאין מספיק נתוני INP, ההערכה נשענת על LCP ו־CLS בלבד.
• כשחסרים נתונים ל־LCP או ל־CLS, אי אפשר להעריך את העמוד.

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

מה הקשר בין מהירות לדירוג בגוגל

גוגל מאשרת שמדדי Core Web Vitals משמשים במערכות הדירוג שלה. עם זאת, תוצאה טובה בדוח אינה מבטיחה מקום גבוה בתוצאות החיפוש, כי חוויית עמוד כוללת יותר מהמדדים האלה. גוגל עשויה להציג תוכן רלוונטי גם כשהחוויה בעמוד חלשה יותר, ומציינת שרדיפה אחרי ציון מושלם רק לצורכי קידום עלולה לבזבז זמן. הנחיות גוגל לגבי חוויית עמוד ודירוג.

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

איך לבחור את התיקון הראשון לפי הבעיה

התוכן המרכזי מופיע מאוחר

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

לחיצות מקבלות תגובה באיחור

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

התוכן קופץ במהלך הגלישה

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

אפשר למסור את הדוח למי שמתחזק את האתר ולבקש אבחון, שינוי מוגדר ומדידה חוזרת. אם האתר בוורדפרס והאבחון מצביע על בעיית ביצועים, כדאי להכיר את FlyingPress, תוסף המהירות לוורדפרס. אם בוחרים ליווי חיצוני, אפשר לשקול גם את שירותי קידום האתרים של ברנדיני, הסוכנות שמפעילה את המגזין.

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