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

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

צילום מסך של הביקורת של Lighthouse בנושא דחיית תמונות מחוץ למסך

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

הנחיות ספציפיות ל-stack

AMP

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

Drupal

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

Joomla

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

Magento

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

WordPress

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

משאבים