Odrocz obrazy poza ekranem

Sekcja Możliwości w raporcie Lighthouse zawiera wszystkie ukryte i niewidoczne obrazy na stronie wraz z potencjalnymi oszczędnościami w kibibajtach (KiB). Rozważ leniwe ładowanie tych obrazów po zakończeniu ładowania wszystkich kluczowych zasobów, aby skrócić czas do pełnej interaktywności:

Zrzut ekranu z kontroli obrazów poza ekranem Lighthouse Defer

Zapoznaj się też z ćwiczeniami z programowania dotyczące leniwego ładowania obrazów poza ekranem.

Wskazówki dotyczące stosu

AMP

Automatycznie ładuj obrazy leniwie za pomocą funkcji amp-img. Zobacz przewodnik po obrazach.

Drupal

Zainstaluj moduł Drupal, który umożliwia leniwe ładowanie obrazów. Takie moduły pozwalają odroczyć wyświetlanie obrazów niewyświetlanych na ekranie, aby zwiększyć wydajność.

Joomla

Zainstaluj wtyczkę Joomla do leniwego ładowania, która umożliwia odłożenie ładowania obrazów niewyświetlanych na ekranie, albo wybierz szablon, który ma tę funkcję. Joomla od wersji 4.0 umożliwia korzystanie ze specjalnej wtyczki do leniwego ładowania, korzystając z wtyczki „Content – Lazy Wczytuję obrazy”. Zastanów się też nad użyciem wtyczki AMP.

Magento

Rozważ zmodyfikowanie szablonów produktów i katalogów, aby skorzystać z dostępnej na platformie internetowej funkcji leniwego ładowania.

WordPress

Zainstaluj wtyczkę WordPressa do leniwego ładowania, która umożliwia odłożenie ładowania obrazów niewyświetlanych na ekranie, albo wybierz motyw, który ma tę funkcję. Zastanów się też nad użyciem wtyczki AMP.

Zasoby