DJ-WebP - darmowa wtyczka Joomla! dla obrazów nowej generacji .webp
Miło nam poinformować, że właśnie wypuściliśmy wersję beta naszego najnowszego rozszerzenia dla Joomla: DJ-WebP: darmowa wtyczka Joomla dla obrazów nowej generacji .webp.
Dostępna nowa wersja: 0.6.Beta. Ze sprawdzaniem zgodności i aktualizatorem Joomla (Joomla updater.)
Format WebP
Udostępnienie obrazów witryny w nowym formacie (WebP) jest jednym z podstawowych czynników, które mogą pomóc w uzyskaniu wyższego rankingu strony internetowej.
Mając to na uwadze, podczas optymalizacji stron internetowych stworzyliśmy wtyczkę, która pomaga w konwersji formatów .jpg i .png do .webp.
Pomyśleliśmy, że dobrze byłoby podzielić się nim z naszymi użytkownikami, aby zebrać opinie na temat wtyczki i wysłuchać pomysłów, jak ją dalej rozwijać.
Według Wikipedii:
WebP – format kompresji statycznych i animowanych obrazów rastrowych. Jest rozwijany przez Google w oparciu o technologie pozyskane przy zakupie On2 Technologies. Został zaprezentowany 30 września 2010. Siostrzanym projektem jest format wideo WebM. WebP ma dwa tryby kompresji: stratną i bezstratną.
Jak korzystać z DJ-WebP?
Warto wiedzieć: DJ-WebP działa z dowolnym folderem na twoim serwerze. Więc to nie jest związane z żadnym konkretnym rozszerzeniem.
1. Najpierw pobierz wtyczkę z sekcji pobierania na stronie DJ-Extensions
2. Następnie zainstaluj wtyczkę w panelu Joomla
3. Po instalacji przejdź do Rozszerzenia> Wtyczki i włącz wtyczkę.
4. Dodaj ścieżkę lokalizacji obrazu i zapisz wtyczkę.
5. Inne opcje w dodatku
5.1 Filtry (aby wybrać katalogi do przetworzenia)
5.2 Wyklucz menu - zacznij pisać, aby wybrać elementy menu, które zostaną wykluczone podczas przetwarzania
5.3 Sprawdź obsługę WebP - narzędzie sprawdzające, czy Twój serwer i przeglądarka obsługują format .webp
5.4 Debugowanie - dla programistów
Jak widać na powyższym zrzucie ekranu, możesz dodać wiele lokalizacji do przetworzenia przez wtyczkę w celu wygenerowania i zastąpienia obrazów formatem .webp.
Pamiętaj, aby wybrać format obrazów, które chcesz przetworzyć, ustawić jakość i czas przechowywania (jak często obrazy będą ponownie generowane - rodzaj funkcji buforowania). Możesz również wykluczyć katalogi z wprowadzonej ścieżki. Kliknij „Zapisz”, aby zapisać ustawienia i zapisać wtyczkę, aby zobaczyć wyniki.
Jak wyczyścić pliki .webp, aby zobaczyć bezpośrednią różnicę w obrazach
Po zalogowaniu się na stronie frontowej witryny jako administrator możesz wyczyścić wszystkie obrazy, uzyskując dostęp do adresu URL:
[yourwebsiteurl]/?webp_purge=true
Przykładowym scenariuszem jest zmiana jakości obrazów .webp i natychmiastowa widoczna zmiana.
Domyślnie system będzie odtwarzał obrazy .webp co X godzin (w zależności od ustawień w konfiguracji wtyczki):
więc jeśli chcesz zmienić niektóre ustawienia (na przykład jakość), zwykle musisz poczekać do upływu ustawionych godzin.
Ale kiedy jesteś zalogowany jako superadministrator od frontu i używasz linku:
[yourwebsiteurl]/?webp_purge=true
Wszystkie obrazy zostaną przetworzone i możesz natychmiast zobaczyć zmianę.
Sprawdźmy wyniki
Testujemy jeden z naszych szablonów w Google PageSpeed Insights i oto wynik:
Jak widać, wyświetlanie obrazów w nwooczesnym formacie, takim jak .webp, może znacznie poprawić ranking w Google PageSpeed Insights.
Zobacz demo
Możesz zobaczyć formaty .webp w demo DJ-Classifieds tutaj. Folder wprowadzony w ustawieniach wtyczki to:
components/com_djclassifieds/images
A teraz wszystkie obrazy DJ-Classifieds są wyświetlane jako .webp
Jak to działa?
Dla zaplecza wtyczki przygotowujemy tylko reguły. Cała logika opiera się na wyrażeniu regularnym, które zastępuje reguły .webp przy renderowaniu zdarzenia.
Aktualizacje
AKTUALNA WERSJA (beta 0.5.BETA / wydana 17 października 2019 r).
Nowe funkcje:
- Sprawdzanie kompatybilności dla przeglądarki i serwera
- Lepsze wsparcie dla większej liczby przeglądarek (w tym Firefox) - teraz obejmuje wszystkie przeglądarki
Czy to zadziała na moim serwerze?
Możesz sprawdzić czy Twój serwer obsługuje format .webp.
Prześlij ten plik na serwer, aby sprawdzić, czy serwer obsługuje WebP.
- prześlij plik na serwer do katalogu głównego witryny
- odwiedź URL: [yourwebsiteaddress]/gd_info.php
teraz sprawdź dane wyjściowe pliku. Powinno to być: [WebP Support] => 1
W przeciwnym razie skontaktuj się z administratorem serwera, aby włączyć tę opcję.
Tutaj możesz zobaczyć, jak powinno to wyglądać - gd_info.php na stronie demo DJ-Classifieds
DJ-WebP jest teraz dostępny w JED
DJ-WebP, darmowy dodatek Joomla pojawił się ostatnio w zasobach JED (katalog rozszerzeń Joomla).
Możesz go zobaczyć tutaj: DJ-WebP w katalogu rozszerzeń Joomla.
Obecność dodatku w katalogu rozszerzeń (JED) pozwala na szybką instalację na stronach Joomla.
Zobaczmy, jak zainstalować ten dodatek na stronie Joomla:
- Zaloguj się do zaplecza swojej witryny.
- Przejdź do „Rozszerzeń” i wybierz „Zarządzaj”.
- Skorzystaj z karty „Instaluj z Internetu” (jeśli nie jest wyświetlana, zainstaluj ją, wystarczy kliknąć informacje nad innymi kartami - Dodaj kartę „Zainstaluj z sieci”)
- Wpisz „dj-webp” w przeglądarce na nowo zainstalowanej karcie. Kiedy go znajdziesz, użyj przycisku „zainstaluj”.
Przetestuj .webp w Joomla!
Nie czekaj - pobierz wtyczkę DJ-WebP i przetestuj ją na swojej stronie internetowej.
Daj nam znać w komentarzach, w jaki sposób możemy ulepszyć wtyczkę i czy okazała się przydatna w kontekście uzyskania lepszy wyników strony.