Lazy-Load i brakujące wymiary obrazów
Lazy-Load uzupełnia przy obrazach i iframe'ach atrybut loading="lazy", żeby przeglądarka pobierała je dopiero wtedy, gdy wchodzą w obszar widoczny. Przy obrazach dochodzi dodatkowo decoding="async". Przełącznik jest fabrycznie włączony.
Gdzie wtyczka uzupełnia
- Treści wpisów i stron
- Obrazki wyróżniające
- Awatary
- Widżety tekstowe
- Logo witryny
Ustawianie
- Pozycja „Lazy-Load” znajduje się w panelu bocznym jako ostatni wpis grupy „Szybkość”.
- Sprawdź tam przełącznik „Lazy-Load aktywny”; domyślnie jest włączony.
- Dla wymiarów obrazów przejdź do grupy „Optymalizacja” (po niemiecku: „Optimierung“), pozycja „Obrazy”, i włącz tam „Uzupełniaj brakujące wymiary”.
- W polu „Próg dużego obrazu (piksele)” podane jest, od jakiej długości krawędzi WordPress zmniejsza przesłane obrazy: domyślnie 2560, dozwolone od 0 do 8000, wartość 0 wyłącza zmniejszanie.
- Wartości między 1 a 255 wtyczka nie przejmuje — wtedy pozostaje próg, który zadaje sam WordPress.
Istniejące atrybuty loading nie są nadpisywane: jeżeli przy obrazie jest już jeden w znacznikach, pozostaje niezmieniony. W feedach wtyczka niczego nie uzupełnia.
Brakujące atrybuty width i height
„Uzupełniaj brakujące wymiary” odczytuje rzeczywiste wymiary w pikselach z pliku graficznego i uzupełnia brakujące atrybuty width i height w treściach wpisów i stron, aby uniknąć przesunięć układu. Działa to tylko dla plików leżących lokalnie na serwerze; obrazy z obcych hostów pozostają niezmienione. Ustalone wymiary zapisywane są w pamięci podręcznej dla każdego pliku na jeden dzień.
Czy ten artykuł był pomocny?