wtorek, 08 października 2019 15:47

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.5.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

Instalacja wtyczki Joomla

3. Po instalacji przejdź do Rozszerzenia> Wtyczki i włącz wtyczkę.

WebP uruchomiona wtyczka

4. Dodaj ścieżkę lokalizacji obrazu i zapisz wtyczkę.

Zapisz wtyczkę

5. Inne opcje w dodatku

dj-webp ustawienia systemowe

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):

purge-webp-joomla-plugin

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:

Wyniki testu Google PageSpeed Insight

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

Folder ustawień WebP

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.

  1. prześlij plik na serwer do katalogu głównego witryny
  2. odwiedź URL: [yourwebsiteaddress]/gd_info.php

teraz sprawdź dane wyjściowe pliku. Powinno to być: [WebP Support] => 1

webp-support-test

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

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.