אופטימיזציה לאתר ו־Core Web Vitals
מה באמת מאט אתר, מהם LCP, INP ו־CLS, ואיך משפרים תמונות, פונטים, JavaScript, Cache ושרת לפי מדידה.
בסוף השיעור תוכלו
להבין את מדדי Core Web Vitals
לאבחן לפני שמתקנים
לשפר נכסים וקוד
להבדיל בין בדיקת מעבדה לנתוני משתמשים
שלושה מדדים שימושיים
LCP בוחן מתי התוכן הגדול המרכזי נראה. INP בוחן כמה מהר הממשק מגיב לאינטראקציה. CLS בוחן כמה הפריסה קופצת בזמן טעינה.
אלה מדדי חוויה ולא ציונים אסתטיים. תמונת Hero כבדה פוגעת ב־LCP; JavaScript ארוך יכול לפגוע ב־INP; תמונה ללא מידות עלולה לגרום ל־CLS.
- LCP — טעינת התוכן המרכזי
- INP — תגובתיות
- CLS — יציבות חזותית
מתקנים לפי צוואר הבקבוק
דחיסת כל תמונה לא תפתור שרת איטי. הסרת ספרייה לא תעזור אם הפונט חוסם את הצגת הטקסט. מתחילים ב־PageSpeed Insights וכלי הפיתוח, בודקים את שרשרת הטעינה ומזהים את המשאב או המשימה הבעייתיים.
נתוני Field מגיעים ממשתמשים אמיתיים; Lab מאפשר לשחזר ולנתח. צריך את שניהם.
- תגובת השרת
- עיצוב חיוני להצגה הראשונית
- מידות ופורמטים לתמונות
- טעינת גופנים
- הרצת קוד בדפדפן
- סקריפטים של צד שלישי
Checklist קצר
הגישו תמונות בגודל הנדרש ובפורמט מודרני, הגדירו width ו־height, טענו Lazy רק מה שמתחת לקפל, צמצמו סקריפטים חיצוניים והעדיפו רכיבים קלים.
Cache ו־CDN עוזרים להגיש נכסים מהר, אך יש לוודא שתוכן מתעדכן כראוי. מדדו לפני ואחרי כל שינוי כדי לא לייעל על בסיס תחושה.
- פורמטי תמונה WebP ו־AVIF
- תמונות מותאמות למסך
- Font subset או system font
- פיצול קוד
- שמירה במטמון
- תקציב משאבים לשירותים חיצוניים
- מעקב אחר נסיגה בביצועים
תרגול קצר עם תוצאה שאפשר לבדוק
המשימה
בדקו כתובת ציבורית ב־PageSpeed Insights ורשמו בעיה אחת שנמדדה.
לראות דוגמה לפתרון
רשמו תאריך, מצב מובייל או מחשב, והאם הנתון מגיע ממעבדה או ממשתמשים.
איך בודקים?
אם אין נתוני משתמשים, ציינו זאת. אל תציגו ציון מעבדה כמדידת קהל.
זמן התרגול נוסף לזמן הקריאה ותלוי בקצב שלכם. השתמשו בנתוני דוגמה שאינם רגישים.הבנתם את הרעיון. האם תוכלו לבצע אותו לבד?
דמיינו שקיבלתם עכשיו משימה אמיתית בנושא ״אופטימיזציה לאתר ו־Core Web Vitals״. האם ברור לכם מה לפתוח, מה לתת ל־AI ואיך לדעת שהתוצאה טובה?
באיזה כלי מתחילים?
מה כותבים או מעלים?
איך בודקים את התוצאה?
השיעור נתן לכם את המפה. הקורס נועד לעבור איתכם את הדרך בפועל, צעד אחר צעד.
הידע כאן פתוח. הקורס הופך אותו ליכולת.
לא צריך לקנות קורס כדי להבין את המושג. המסלול המלא מיועד למי שרוצה לראות אותי מבצע, לתרגל בעצמו ולקבל תהליך מסודר שאפשר לחזור עליו.
אפשר להמשיך בחינם לשיעור הבא. הקורס מיועד למי שלא רוצה להישאר רק עם ידע — אלא להשתמש בו בביטחון.
יכולות, מחירים ותנאים משתנים. המקורות הבאים הם נקודת התחלה רשמית או מקצועית; יש לבדוק את הגרסה העדכנית לפני החלטה.