W sekcji Możliwości raportu Lighthouse znajdziesz listę wszystkich obrazów, które nie są widoczne na ekranie lub są ukryte na stronie, wraz z potencjalnymi oszczędnościami w kibibajtach (KiB). Aby skrócić czas do pełnej interaktywności, warto skorzystać z leniwego ładowania tych obrazów po zakończeniu wczytywania wszystkich zasobów kluczowych:
Zobacz też Ćwiczenie z programowania dotyczące leniwego ładowania obrazów poza ekranem za pomocą biblioteki lazysizes.
Wskazówki dotyczące poszczególnych zbiorów
AMP
Automatyczne leniwe ładowanie obrazów za pomocą narzędzia amp-img
Zapoznaj się z wytycznymi dotyczącymi obrazów.
Drupal
Rozważ skonfigurowanie obrazów leniwego ładowania w usłudze Drupal. Formatowanie pól obrazów obsługuje lazy lub eager.
Joomla
Zainstaluj wtyczkę Joomla do leniwego ładowania, która umożliwia odłożenie ładowania obrazów niewyświetlanych na ekranie, lub skorzystaj z szablonu, który ma tę funkcję. Joomla od wersji 4.0 zawiera dedykowaną wtyczkę leniwego ładowania, którą można włączyć ustawieniem (Content – Lazy Loading Images). Warto też skorzystać z wtyczki AMP.
Magento
Rozważ zmodyfikowanie szablonów produktu i katalogu, by użyć funkcji leniwego ładowania na platformie internetowej.
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ę. Warto też skorzystać z wtyczki AMP.