Jak zoptymalizować obrazy na stronie internetowej Joomla - gotowe narzędzie

DC JWebP to darmowa, lekka i w pełni automatyczna wtyczka systemowa dla Joomla 5.

Po włączeniu natychmiast konwertuje obrazy JPG/PNG do WebP 🟢, podmienia je w kodzie HTML i aktywuje natywne lazy loading 🚀. Nie wymaga zależności, ustawień ani integracji z szablonem — po prostu przyspiesza stronę i poprawia wyniki w Google PageSpeed. Jest niezastąpionym dodatkiem w Design Cart przy tworzeniu stron internetowych na Joomla.

Zobacz też: oferta tworzenia stron WWW

 

Funkcje główne DC JWEBP

✔ Automatyczna konwersja JPG/PNG → WebP 🟢
✔ Podmiana ścieżek obrazów w całym HTML (również SP Page Builder, Helix, inline style)
✔ Obsługa <img> oraz background-image
✔ Natywne lazy loading (loading="lazy") — bez JavaScript 🚀
✔ Obsługa pełnych URL i lokalnych ścieżek
✔ W pełni zgodne z Joomla 5 oraz PHP 8.2 / 8.3
✔ Ultra lekka wtyczka — brak zewnętrznych bibliotek, zero zależności
✔ Nie ingeruje w bazę danych ani pliki szablonu

 

Opcje konfiguracyjne

✔ Jakość WebP (0–100)
✔ Lista wykluczonych folderów
✔ Włączanie / wyłączanie lazy load
✔ Możliwość dalszej rozbudowy (np. obsługa srcset, <picture>, lazy loading backgroundów)

 

⭐ Dlaczego format WebP jest taki ważny?

Obrazy to jeden z najcięższych elementów każdej strony internetowej — w wielu projektach stanowią nawet 50–70% całkowitej wagi witryny. Google jasno wskazuje, że jedną z najskuteczniejszych metod poprawy szybkości ładowania jest używanie formatów nowej generacji, takich jak WebP. Format ten pozwala zachować praktycznie identyczną jakość przy znacznie mniejszym rozmiarze pliku.

W praktyce oznacza to:

• mniejszą wagę strony,

• szybszy czas ładowania na urządzeniach mobilnych,

• lepsze wyniki PageSpeed,

• niższe koszty transferu,

• większą responsywność przy wolnym internecie.

Google PageSpeed w swoich rekomendacjach wprost pisze, że WebP pozwala zmniejszyć wagę obrazów nawet o 25–35% w stosunku do JPG i ponad 80% względem PNG (dla obrazów bez przezroczystości).

Poniżej prezentujemy uproszczone zestawienie średniej redukcji rozmiaru pliku po konwersji na WebP:

Zmniejszenie wagi obrazów ma bezpośrednie przełożenie na wynik Google PageSpeed. Im mniej danych przeglądarka musi pobrać, tym szybciej strona staje się interaktywna — szczególnie na urządzeniach mobilnych, gdzie Google najbardziej ocenia wydajność.

Dla porównania: strona, która wcześniej ładowała 3 MB obrazów, po konwersji do WebP może zejść do ok. 1–1,5 MB. To realna oszczędność, która wpływa nie tylko na szybkość, ale również na SEO i konwersję.

 

📘 Chcesz dowiedzieć się więcej o przygotowaniu zdjęć do internetu?

Polecamy pełne kompendium:
👉 „Optymalizacja i obróbka zdjęć dla sklepu internetowego — poradnik krok po kroku”
https://www.designcart.pl/aktualnosci/241-zdjecia-w-sklepie-internetowym-jak-je-przygotowac-zoptymalizowac-i-edytowac-krok-po-kroku.html

Znajdziesz tam wszystko: od właściwych wymiarów i DPI, po narzędzia do obróbki, eksport i przygotowanie zdjęć produktowych.

 

Instrukcja obsługi

👉 1. Pobierz ZIP z wtyczką.

103

📥 2. Joomla → Rozszerzenia → Zainstaluj i wgraj paczkę.
⚙️ 3. Włącz wtyczkę: System → Wtyczki → „System – DC JWebP”.
🔧 4. (Opcjonalnie) ustaw jakość WebP i wykluczenia.
🚀 5. Gotowe! Wszystkie obrazy obsługiwane przez stronę są automatycznie podmieniane na WebP.

 

Dlaczego to działa tak szybko?

DC JWebP został zaprojektowany tak, aby maksymalnie odciążyć Joomla i wykonać całą optymalizację „po drodze”, bez blokowania działania strony:

⚡ Działa w onAfterRender() – wtyczka uruchamia się dopiero po wygenerowaniu strony, dzięki czemu nie ingeruje w proces renderowania Joomla.

🔍 Skanuje gotowy HTML – wykrywa wszystkie obrazy <img> oraz background-image bez modyfikowania szablonu czy komponentów.

💾 Konwertuje tylko raz – WebP jest tworzony przy pierwszym żądaniu. Kolejne odsłony strony korzystają już z gotowych plików, więc obciążenie jest minimalne.

🚀 Natywne lazy loading – wykorzystuje wbudowaną funkcję loading="lazy", więc nie wymaga żadnego JavaScriptu.

🧩 Zero blokad renderowania – konwersja i podmiana odbywają się po wygenerowaniu HTML, a sama strona ładuje się szybciej dzięki lżejszym obrazom.

Efekt? Strona zużywa mniej danych, działa sprawniej na urządzeniach mobilnych i osiąga wyższy wynik w Google PageSpeed — bez dodatkowych zależności i bez wpływu na stabilność Joomla.

 

Kompatybilność

✔ Joomla 5.x – pełna zgodność i natywna praca z PHP 8.x
✔ Joomla 6.x – wtyczka testowana i w 100% działająca
✔ Joomla 4.x – działa, ponieważ wykorzystuje wyłącznie onAfterRender() i standardowe API Joomla
✔ PHP 8.1 – 8.3
✔ SP Page Builder – obsługuje obrazy generowane inline
✔ Helix Ultimate – kompatybilne z background-image i strukturą Helixa
✔ YOOtheme – działa z inline CSS oraz elementami generującymi backgroundy
✔ Każdy szablon Bootstrap / custom – plugin działa na wygenerowanym HTML, więc jest niezależny od frameworka

DC JWebP opiera się na standardowych mechanizmach Joomla (głównie onAfterRender() i PHP GD/WebP), dlatego nie jest powiązany z żadnym konkretnym szablonem ani builderem — działa globalnie i bez konfliktów.

 

Opinie na Joomla JED

Rozszerzenie zdobyło też swoją pierwszą opinię na Joomla JED, oczywiście pozytywną 5/5 ⭐

 

 

FAQ – Najczęściej zadawane pytania

❓ Czy wtyczka nadpisuje oryginalne obrazy?
Nie. Oryginalne pliki JPG/PNG pozostają nietknięte. WebP jest tworzony jako osobny plik.

❓ Czy WebP jest generowany w locie?
Tak — konwersja odbywa się przy pierwszym wywołaniu obrazu. Kolejne odsłony strony korzystają już z gotowych plików WebP.

❓ Czy wtyczka dodaje lazy load?
Tak. Używane jest natywne loading="lazy", bez żadnego JavaScriptu.

❓ Czy działa z obrazami w background-image?
Tak. Wtyczka wykrywa i podmienia ścieżki w inline CSS (style="background-image: url(/...)").

❓ Czy współpracuje ze SP Page Builder?
Tak. Plugin działa na wygenerowanym HTML, więc wspiera również elementy SP Page Builder, Helix, YOOtheme i inne.

❓ Czy wymaga JavaScriptu?
Nie. DC JWebP działa w całości po stronie PHP i nie używa żadnych skryptów JS.

 

Podsumowanie

DC JWebP to prosta, lekka i skuteczna wtyczka optymalizująca obrazy w Joomla 4, 5 i 6. Automatyczna konwersja JPG/PNG do WebP, podmiana ścieżek w całym HTML oraz natywne lazy loading sprawiają, że strona ładuje się szybciej bez żadnych zmian w szablonie czy treści. Wtyczka nie wymaga konfiguracji, nie obciąża serwera i działa natychmiast po włączeniu — idealne rozwiązanie dla każdego, kto chce poprawić wynik Google PageSpeed i ogólną wydajność swojej strony internetowej.