התמונות מאטות לכם את האתר? 6 תיקונים שעושים בשעה

למה דווקא תמונות

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

1. פורמט מודרני

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

2. הגודל שבאמת מוצג

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

3. טעינה עצלה, אבל לא לתמונה הראשונה

loading="lazy" לכל מה שמתחת למסך הראשון. התמונה הראשית דווקא צריכה להיטען מיד, עם fetchpriority="high". טעינה עצלה לתמונה הראשית היא טעות נפוצה שמאטה את LCP.

4. מידות קבועות

width ו-height על כל תמונה. ככה הדפדפן שומר לה מקום, והטקסט לא קופץ כשהיא מגיעה. זה בדיוק מה שמדד CLS מודד, ועליו ועל שאר המדדים כתבנו בCore Web Vitals ב-2026.

5. שם קובץ וטקסט חלופי

IMG_4821.jpg לא אומר לגוגל כלום. baby-swimming-class-ashdod.webp כן. והטקסט החלופי (alt) בעברית מתאר מה רואים, למי שלא רואה את התמונה ולמנועי החיפוש.

6. לא להעלות מה שלא צריך

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

שאלות נפוצות