הביצועים הם היבט מרכזי בחוויית המשתמש. מהירות הטעינה של הדפים והמהירות שבה הם מגיבים לקלט של המשתמשים יכולות להשפיע באופן משמעותי על האופן שבו המשתמשים תופסים את האתר, ולהשפיע על ההחלטה שלהם להישאר באתר או לעזוב אותו. בדף הזה תמצאו שפע של מידע על נושאים שונים שקשורים לביצועי אינטרנט, שיעזרו לכם להאיץ את האתר שלכם ולשמור על מהירות גבוהה.
פעם ראשונה שלך בביצועים? כדי לעזור לכם להתחיל, הכנו קורס מקיף.
כאן מוסבר על שלושת המדדים הבסיסיים של חוויית המשתמש (Core Web Vitals), איך הם פועלים ולמה הם חשובים לחוויית משתמש טובה.
אחרי שתקבלו מידע על מדדי הליבה לבדיקת חוויית המשתמש באתר, המדריכים האלה יעזרו לכם להבין איך לבצע אופטימיזציה שלהם בצורה הטובה ביותר.
אפשר להעמיק עוד יותר במדדי הליבה לבדיקת חוויית המשתמש באתר בעזרת אוסף של מדריכים שחוקרים את המדדים בפירוט רב יותר.
תכונות חדשות לשיפור הביצועים שזמינות עכשיו ב-Baseline.
כאן אפשר לקרוא איך חברות שיפרו את מדדי הליבה לבדיקת חוויית המשתמש באתר, וכתוצאה מכך ראו עלייה במדדים העסקיים שלהן.
איך משתמשים בכלים למפתחים של Chrome כדי לנפות באגים בבעיות ביצועים באתר?
קורס

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

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

מדד LCP מודד את הזמן שחלף עד שחלק התוכן הגדול ביותר הופיע בדף. דפים עם LCP נמוך מסמנים למשתמשים שהדף נטען במהירות.
CLS הוא מדד שמודד את יציבות הפריסה על ידי בדיקת הדף כדי לראות שינויים לא צפויים בפריסה. דפים עם CLS נמוך מסמנים למשתמשים שהפריסה של הדף יציבה ולא תשתנה באופן בלתי צפוי בזמן שהם מנסים ליצור איתו אינטראקציה.
INP הוא מדד שמודד את רמת הרספונסיביות של דף לקלט של משתמש. דפים עם אות INP נמוך למשתמשים שדף מגיב במהירות כשהם מקיימים אינטראקציה איתם, וגורם לאתר שלך להרגיש מהימן יותר וכיף יותר להשתמש בו.
אפשר לבצע אופטימיזציה לכל אחד מהמדדים הבסיסיים של חוויית המשתמש באתר כדי לשפר את חוויית המשתמש. בכל אחד מהמדריכים האלה מוסבר בפירוט איך אפשר להשתמש בשיטות מוכחות כדי לשפר את הביצועים והאמינות של האתר, וכך לשפר את רמת העניין של המשתמשים באתר ולהקטין את הסבירות שהם ינטשו אותו.
כאן מוסבר איך לבצע אופטימיזציה של LCP למשתמשים כדי שהם יוכלו לראות את התוכן החשוב ביותר בדף שלכם במהירות האפשרית.
כאן מוסבר איך לבצע אופטימיזציה של CLS למשתמשים, כדי שהם יוכלו לצפות שהאתר יישאר יציב ונוח יותר לשימוש.
איך מבצעים אופטימיזציה של INP למשתמשים כדי שהם יוכלו לצפות שהאתר יגיב במהירות לאינטראקציות.
שלושת מדדי הליבה לבדיקת חוויית המשתמש באתר והאופן שבו מבצעים אופטימיזציה שלהם הם התחלה מצוינת, אבל יש עוד הרבה נושאים שקשורים אליהם שאפשר ללמוד. אוסף התוכן הזה יעזור לכם להבין איך למדוד אותם, לנפות באגים בהם, וגם יספק כמה שיטות מומלצות נוספות לגבי הודעות בנושא קובצי cookie, קרוסלות ובעיות נפוצות אחרות בממשק המשתמש.
שיפור הביצועים לא רק משפר את חוויית המשתמש, אלא גם יכול לעזור לעסק שלכם לצמוח. איך החברות האלה שיפרו את מדדי הליבה לבדיקת חוויית המשתמש באתר וזיהו עלייה במדדים העסקיים שלהן?
איך Disney+ Hotstar הגדילה את מספר הצפיות השבועיות בכרטיסים במכשירים בסלון ב-100% על ידי הפחתת INP ב-61%
איך פלטפורמת ניהול ההסכמה של PubTech הפחיתה את מספר הבקשות להצגת מודעות באתרים של הלקוחות שלה ב-64%, תוך שיפור של עד 1.5% בחשיפה של המודעות
איך Taboola השתמשה ב-Long Animation Frames API‏ (LoAF) כדי לשפר את ההכנסות ממודעות הווידאו ב-36% באתרים של שותפי התוכן שלה?

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

נכס ה-CSS content-visibility הפך לנכס בסיס חדש שזמין בספטמבר 2024.
פורמט התמונה AVIF הפך ל-Baseline (בסיס) בינואר 2024.
הטעינה מראש של המודולים הפכה ל-Baseline. התכונה הזו תהיה זמינה בספטמבר 2023.
כותרת התשובה Server-Timing של ה-HTTP הפכה לזמינה חדשה בחודש מרץ 2023.

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

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