1. Home
  2. Pomoc
  3. Wydajność
  4. Obrazy WebP w WordPress: konfiguracja wtyczki WebP Express

Obrazy WebP w WordPress: konfiguracja wtyczki WebP Express

WebP to format graficzny, który przy tej samej jakości zajmuje wyraźnie mniej miejsca niż JPG czy PNG. Dzięki wtyczce WebP Express Twoja strona będzie serwować lżejsze obrazy i ładować się szybciej. Konfigurację wykonasz w kokpicie WordPressa, a nie w panelu jdm.pl.

Konfiguracja w WordPressie

WebP Express konfigurujesz w kokpicie WordPressa, a nie w panelu jdm.pl. Po konwersji pamiętaj tylko wyczyścić cache serwera w zakładce Cache.

Instalacja wtyczki

  1. Zaloguj się do kokpitu WordPressa (zwykle twojadomena.pl/wp-admin).
  2. Przejdź do Wtyczki → Dodaj nową i wyszukaj „WebP Express".
  3. Kliknij Zainstaluj, a po chwili Włącz.

Konfiguracja

  1. W kokpicie przejdź do Ustawienia → WebP Express.
  2. W większości przypadków domyślne ustawienia wtyczki są wystarczające. Konwertują obrazy do WebP i serwują je przeglądarkom, które ten format obsługują.
  3. Zapisz konfigurację przyciskiem Save settings.

Konwersja istniejących zdjęć

Nowe obrazy będą konwertowane na bieżąco. Zdjęcia wgrane wcześniej przekonwertujesz masowo:

  1. Na stronie ustawień WebP Express znajdź sekcję Bulk convert.
  2. Kliknij Bulk Convert i poczekaj na zakończenie konwersji. Przy dużej bibliotece mediów może to potrwać kilka minut.

Po konwersji wyczyść cache

Aby odwiedzający od razu zobaczyli nowe, lżejsze obrazy, wyczyść cache serwera: zaloguj się do panel.jdm.pl → Hosting → przy stronie kliknij Szczegóły → zakładka Cache → kliknij Wyczyść Cache.

Najczęstsze problemy

Jak sprawdzić, czy WebP działa?
Otwórz stronę, kliknij obraz prawym przyciskiem i wybierz „Otwórz grafikę w nowej karcie" albo sprawdź w narzędziach deweloperskich przeglądarki (zakładka Sieć), czy obrazy mają typ image/webp.

Po konwersji nadal widzę stare obrazy.
Wyczyść pamięć podręczną przeglądarki (Ctrl+Shift+R) i kliknij Wyczyść Cache w zakładce Cache panelu.

Czy WebP Express to wtyczka cache?
Nie. Konwertuje tylko obrazy i można jej używać razem z NGINX Cache. We wtyczkach cache (np. WP Super Cache, W3 Total Cache) wyłącz buforowanie stron, bo tym zajmuje się serwer; do optymalizacji JS/CSS możesz ich używać.

Część obrazów się nie skonwertowała.
Uruchom Bulk Convert ponownie. Wtyczka pominie pliki już przekonwertowane i dokończy pozostałe.

Czy był pomocny?

Podobne

Potrzebujesz pomocy?
Nie możesz znaleźć odpowiedzi, której szukasz? Nie martw się, jesteśmy tutaj, aby pomóc!
Napisz do nas