השהיה של הצגת תמונות שלא מופיעות מיד במסך

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

צילום מסך של הביקורת 'השהיית טעינה של תמונות שלא מוצגות במסך' ב-Lighthouse

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

הנחיות ספציפיות לטכנולוגיה

AMP

טעינה מדורגת אוטומטית של תמונות באמצעות amp-img. אפשר לעיין במדריך בנושא תמונות.

Drupal

כדאי להגדיר טעינה מדורגת של תמונות ב-Drupal. כלי עיצוב השדות לתמונות תומכים ב-lazy או ב-eager.

Joomla

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

Magento

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

WordPress

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

משאבים