Obrazy WEBP - wtyczka dla aplikacji "Sklep"

iPhone na iOS 14 jest już obsługiwany, a wsparcie dla Safari na macOS i iPadzie jest planowane.

Funkcje wtyczki "Obrazy WEBP"

Sprawdź strony swojej witryny w Google Pagespeed. Jeśli widzisz notatkę: Użyj nowoczesnych formatów obrazu, to wtyczka pomoże rozwiązać ten problem.

W tej chwili wtyczka działa dobrze zarówno w chmurze, jak i na hostingu firm trzecich oraz VDS/VPS. Żadne pliki graficzne nie są modyfikowane, gdy to działa, wszystko pozostaje na swoim miejscu. Zawsze możesz usunąć wszystkie miniaturki utworzone przez wtyczkę, naciskając odpowiedni przycisk, jeśli chcesz.

Prawie czterech na pięciu użytkowników urządzeń mobilnych korzysta z przeglądarki zdolnej do wyświetlania obrazów webp. Ale nadal większość stron daje obrazy jpeg, które są zwykle dwa razy większe dla tej samej jakości. Ta wtyczka została stworzona, aby rozwiązać ten problem, bez większego wysiłku administratorzy sklepów skonfigurowali aplikacją "sklep", aby automatycznie tworzyć obrazy produktów i innych w formacie webp dla przeglądarek, które go obsługują, jednocześnie nadal zapewniając normalny jpeg i png dla innych przeglądarek.

Wtyczka modyfikuje kod HTML strony, zastępując adresy URL obrazów miniaturką w webp dla tych przeglądarek, które obsługują ten format. Miniaturka będzie generowana automatycznie w locie, gdy zostanie o nią poproszona, przy użyciu tego samego mechanizmu co w aplikacji "Sklep'. Działa zarówno z obrazami produktów, jak i innymi: ikonami, logotypami, banerami.

Zalety:

• Szybsze ładowanie obrazów dla przeglądarek obsługujących webp. Przekonwertowane obrazy są zazwyczaj o połowę mniejsze od oryginału w przypadku jpeg, przy zachowaniu tej samej jakości. Warto zdać sobie sprawę, że w większości przypadków to właśnie obrazy są odpowiedzialne za ogólne opóźnienie strony, odwiedzający zauważą różnicę
• Wyższe pozycje w wyszukiwarce Google, używanie nowoczesnych formatów dla obrazów jest częścią wymagań PageSpeed i Lighthouse i jest brane pod uwagę przy indeksowaniu.
• Mniejszy ruch, bardzo zauważalny, jeśli klient ma wolne lub drogie połączenie internetowe, na przykład.
  Obecnie około 90% klientów mobilnych i desktopowych obsługuje już webp: https://caniuse.com/#feat=webp. Teraz do wsparcia dołączyły także Firefox, Edge i Safari.

Zastosowanie:

Natychmiast po instalacji wtyczka automatycznie stosuje dostępne metody konwersji, zaznacz tylko opcję Włącz wtyczkę i zapisz ustawienia. To wystarczy, nie ma potrzeby wprowadzania dalszych zmian. Wejdź na strony witryny w przeglądarce Firefox lub Chrome, aby upewnić się, że obrazy mają teraz rozszerzenie .webp

Przy pierwszym dostępie do obrazu, jego załadowanie może potrwać nieco dłużej niż zwykle, ze względu na proces konwersji. Ale wtedy miniaturka jest buforowana i załaduje się natychmiast.

Konwertowane miniaturki są przechowywane na serwerze obok zwykłych miniaturek, należy rozumieć, że miejsce zajmowane przez instalację na hostingu również się zwiększy.

Wtyczka zmienia dokładnie kod HTML stron, ale niektóre obrazy mogą być ładowane przez np. skrypty lub CSS, takie pliki będą pomijane.

Na każdym nowoczesnym hostingu i w chmurze nie będzie problemu, znajdź odpowiednie rozwiązanie lokalne lub zdalne automatycznie.

Tryb rewrite

Jeśli masz za zadanie zachować te same nazwy plików graficznych i linków, a jedynie zmienić format, tryb rewrite jest teraz dostępny. To cron duplikuje wszystkie obrazy instalacyjne w osobnym folderze wtyczek w formacie webp, a następnie używa konfiguracji serwera WWW do przekazywania obrazów webp do przeglądarek, które je obsługują. Poniżej znajdują się opcje konfiguracyjne, gdy pracujemy w trybie Nginx + FastCGI oraz gdy korzystamy z Apache i .htaccess.

W celu zastosowania na Twojej stronie warto skonsultować się z administratorem systemu lub skontaktować się z obsługą hostingu - może być wiele wariantów i szczegółów, które w Twoim konkretnym przypadku trzeba będzie doprecyzować w konfiguracji. Wsparcie twórcy wtyczki w tym przypadku przy ustawieniu prawidłowego przepisywania będzie tylko w bardzo ograniczonym zakresie. W przypadku wystąpienia trudności zalecamy skorzystanie z innego trybu.

Pamiętaj, aby dodać zadanie cron, zalecane na późne godziny nocne, aby obciążenie nie było zakłócane. Za każdym razem zadanie crona będzie wyszukiwać nowe, nieskonwertowane obrazy i pracować tylko z nimi. To zadanie cron będzie działać tylko wtedy, gdy włączone są metody konwersji inne niż wpc.