Z tego artykułu dowiesz się na czym polega i ile kosztuje kompletna usługa optymalizacji PrestaShop. Popraw wynik w testach Lighthouse, Google Page Speed oraz GTMetrix. Przygotuj serwer na ogromny ruch oraz zadbaj o bezpieczeństwo aktualizując sklep i podnosząc wersję PHP....






- Nie obciąża serwera i działa w tle
- Gwarantowane wyższe wyniki w Google PageSpeed Insights, Lighthouse oraz GTMetrix
- Bezobsługowa konwersja do WebP oraz Smart Lazy Load
- Krótszy czas do pełnej interaktywności strony
- Przyśpieszenie ładowania strony mobilnej nawet o +20 pkt!
- Zgodny ze standardami SEO i wytycznymi Google Guidelines
PrestaShop & WebP
SEO BOOSTER Ten moduł pozytywnie wpłynie na szybkość działania Twojego sklepu oraz poprawi pozycje w wynikach wyszukiwania.
Z formatem WebP Twój sklep będzie działał szybciej. WebP odciąży serwer i podniesie wyniki w testach wydajnościowych. Korzystając z formatu WebP osiągniesz wyższe wyniki w Google Insights, Page Speed, Lighthouse oraz GTMetrix.
Konwersja zdjęć do formatu WebP
Moduł współpracuje ze wszystkimi serwerami na rynku oraz wykorzystuje najnowsze rozwiązania technologiczne do optymalizacji zdjęć dla Internetu oraz urządzeń mobilnych.
Moduł zoptymalizuje wszystkie grafiki w Twoim sklepie. Przesiadka na WebP wpłynie pozytywnie na współczynnik odrzuceń i odczucia użytkownika podczas przeglądania sklepu.
- Zdjęcia produktów, na listach produktów oraz w opisach produktów
- Zdjęcia na stronach CMS, stronie głównej, stronie kontaktu, itp.
- Zdjęcia wyświetlane przez zewnętrzne moduły takie, jak blogi, albumy i galerie, banery i slidery.
.png)
Automatyczna konwersja do WebP
Zainstaluj moduł i włącz konwersję WebP. Moduł w tle rozpocznie konwertowanie zdjęć i grafik. Konwersja będzie przeprowadzana w chwili pierwszego wczytania zdjęcia przez przeglądarkę klienta, który trafi na zdjęcia JPG / PNG. Zdjęcia WebP są zapisywane na serwerze oraz w cache i gotowe do ponownego wykorzystania.
Moduł wykryje nowo dodane produkty i nowo dodane zdjęcia oraz zadba o porządek w plikach WebP na serwerze.
Możesz również skorzystać z usługi CRON i wygenerować wszystkie zdjęcia WebP na raz. Nie jest to jednak konieczne ponieważ automatyczna metoda generowania WebP jest dobrze zoptymalizowana.
W module znajdziesz statystyki liczby zdjęć oraz ile % zdjęć zostało przekonwertowane.
PrestaShop Lazy Load
Przy obsłudze setek użytkowników jednocześnie, wykorzystanie naszego autorskiego wdrożenia Smart Lazy Load to obserwowalne odciążenie serwera oraz przepustowości łącza internetowego.
Aby skrócić czas do pełnej interaktywności strony możesz skorzystać z funkcji Lazy Load. Lazy Load sprytnie kolejkuje zdjęcia i obrazy, które jako pierwsze są od razu widoczne na ekranie. Obrazy znajdujące się poza widocznym obszarem użytkownika są ładowane dopiero, gdy użytkownik zaczyna scrollować stronę. Moduł załaduje zdjęcia z krótkim wyprzedzeniem, aby proces ten był niezauważalny dla klienta.
Dzięki Lazy Load zwiększysz szybkość do pełnej interaktywności oraz zredukujesz transmisję danych dla urządzeń mobilnych z wolniejszym połączeniem.
Dzięki Lazy Load serwer nie będzie ładować elementów, których klient nie wyświetli na swoim ekranie, a to pozytywnie wpłynie na wydajność sklepu i szybkość jego załadowania.
Nasz Lazy Load nie generuje przeskoków strony w trakcie ładowania strony - obiekty przechowujące obrazki przed ich załadowaniem zachowują swój oryginalny rozmiar i są widoczne dla robotów internetowych.
Wykluczenie Lazy Load
Można pomijać ładowanie grafik w technologii Lazy Load. Wykluczyć można np. logo lub graficzne elementy nawigacyjne. Aby pominąć Lazy Load, w pliku tpl lub edytorze kodu dodaj w znaczniku <img> tag:
'data-lazyload-ignore', np. <img src="..." data-lazyload-ignore alt="...">
Przyjazny SEO
Twoje obrazki WebP oraz Lazy Load są w 100% widoczne dla robotów internetowych. Linki URL do zdjęć i obrazów są cały czas w kodzie strony. Nasz moduł został przygotowany zgodnie z dobrymi praktykami SEO wg. wytycznych Google (Google Guidelines), dzięki czemu widocznie przyśpiesza działanie sklepu i odciąża serwer.
Zainstaluj i korzystaj
- Zainstaluj moduł i odczytaj w module, czy moduł nawiązał połączenie z serwerem do obsługi formatu WebP
- Włącz kompresje zdjęć i obrazków do formatu WebP
- Włącz technologię Smart Lazy Load.
Moduł nie wymaga dodatkowych konfiguracji. Zautomatyzowaliśmy w pełni jego działanie, zachowując optymalne parametry dla jakości zdjęć i szybkości ich ładowania.
Maksymalne przyśpieszenie dzięki nowoczesnym rozwiązaniom
Gwarantujemy, że PrestaShow Images Optimizer przyśpieszy Twój sklep w wersji komputerowej oraz mobilnej, widocznie odciąży serwer oraz poprawi wyniki uzyskiwane w testach wydajności.



Wspierane przeglądarki
98% przeglądarek na rynku, w tym Google Chrome, Firefox, Opera, Edge, GNOME Web, Midori, Falkon, Pale Moon oraz Waterfox.
Jeśli przeglądarka klienta nie obsługuje formatu WebP
Moduł wyświetli standardowe zdjęcia jpeg/png.
Obsługa cache
Moduł współpracuje z systemami cache. Usunięcie cache nie spowoduje usunięcia wygenerowanych zdjęć w formacie WebP. Dopiero, gdy usuniesz zdjęcia przez back-office, moduł usunie również ich formaty WebP.
CloudFlare
Moduł jest dostosowany do współpracy z CloudFlare.
Wymagana biblioteka do obsługi WebP
Moduł poinformuje Cię o wspieranych przez Twój serwer bibliotekach oraz wybierze tą, która działa najszybciej.
Aby konwersja do WebP działała, na Twoim serwerze musi być zainstalowane jedno dowolne z poniższych rozszerzeń. Każdy komercyjny serwer wspiera przynajmniej jedno z poniższych rozszerzeń:
- cwebp
- ffmpeg
- vips
- imagick
- gmagick
- imagickbinary
- gmagickbinary
- gd
Dodatkowe wymagania
Moduł do działania wymaga włączonych przyjaznych adresów (Friendly URL).
W galerii zdjęć znajdziesz porównanie wyników Google Page Speed przed i po instalacji modułu.
Wkrótce nowe rozwiązania
Testujemy format avif, który od strony technologicznej prezentuje się jeszcze lepiej niż webP. Aktualnie obsługiwany jest przez przeglądarkę Chrome, niebawem również Safari. Uśredniony wynik testów, które przeprowadziliśmy dla przykładowego obrazka o wadze 350kb:
- jpeg -> webP = -48%
- jpeg -> avif = -76% (84kb!)
Minimalne wymagania dla wszystkich modułów
- PHP 7.1 lub wyższe
- Rozszerzenie serwera ionCube
- Serwer Nginx lub Apache
- MySQL >= 5 or MariaDB
- Tylko PrestaShop Importer: PHP libxml w wersji > 2.9.3
- Tylko PrestaShop Facebook Integrator: PHP 7.2 lub wyższe
- Opcjonalne rozszerzenia optymalizujące wydajność: mcrypt, openssl, zip, curl, gd, pdo, varnishd, mod_pagespeed, memcached, apc
3-miesiące darmowego wsparcia technicznego
Wraz z modułem otrzymujesz 3-miesiące wsparcia technicznego oraz dostępu do aktualizacji. Gdy czas upłynie możesz dalej korzystać z modułu. Dostęp do wsparcia i do najnowszych wersji modułów możesz odnowić w dowolnym momencie kupując dowolny z dostępnych pakietów. Pakiet obejmuje całą domenę i wszystkie przypisane do domeny moduły.
Baza Wiedzy - FAQ
Baza wiedzy jest darmowa i otwarta dla wszystkich. Znajdziesz w niej dokumentacje modułów oraz odpowiedzi na najczęściej zadawane pytania.
Panel HelpDesk
HelpDesk to wygodny panel do komunikacji, na którym dostarczamy pomoc w trakcie użytkowania modułów. Na HelpDesk zamówisz dowolne prace programistyczne i optymalizacje sklepu i serwera.
Aktualizacje modułów
Moduły poinformują Cię w Twoim sklepie o nowych nowościach. Aktualizację wykonasz bezpośrednio w swoim sklepie 1-kliknięciem.
Licencja użytkowania modułów PrestaShow
Pełną treść licencji znajdziesz na tej stronie. Działanie systemu obsługującego licencje opisaliśmy na tej stronie. Poniżej skrót najważniejszych informacji:
Domena i domeny dodatkowe
Moduł po zakupie możesz przypisać do 1 sklepu = 1 domeny. Moduł w domenie możesz używać bez ograniczeń czasowych. Do każdej domeny możesz za darmo dodać domenę sklepu testowego / deweloperskiego. Obsługa domen w PrestaShop Multistore wymaga zakupienia obsługi multistore dla modułu.Zmiana domeny
Zmiana domeny jest możliwa. W tym celu skontaktuj się z nami.
Modyfikacja kodu
Kod modułu związany z integracją ze sklepem oraz z wyglądem (.tpl, .css) ma otwarty kod źródłowy i możesz go dowolnie modyfikować. Źródło modułu szyfrowane jest ionCube.Przetestuj w sklepie demo
- Link do sklepu demo tego modułu znajdziesz w górnej sekcji strony
- Język sklepu demo oraz język modułu (EN, PL, DE, ES, IT, FR) zmienisz korzystając z górnego menu sklepu demo
- Demo zostanie automatycznie usunięte po 48 godzinach
- W razie problemów z działaniem sklepu demo - skontaktuj się z nami
WebP jest formatem kompresji grafik i obrazów, który od kilku lat rozwijany jest przez Google. Format WebP zachowując jakość porównywalną do JPEG może ważyć ponad połowę mniej. Jego lekkość oraz wysoka jakość skraca czas ładowania się strony bez utraty jakość, dlatego format ten cieszy się dużym uznaniem. Wykorzystując format WebP osiągniesz wyższe wyniki w Google Page Speed, Lighthouse oraz GTMetrix. Twój sklep będzie ładować się po prostu szybciej. W tym wpisie dowiesz się, jak zaimplementować format WebP (oraz technikę Lazy Load) w swoim sklepie PrestaShop....
1. Tak, moduł działa z Multistore. Teraz jest to w standardzie, jednak z nowym rokiem obsługa Multistore będzie dodatkowo płatna.
2. Tak, będzie działał z LiteSpeed, jeśli jest obsługa .htaccess
3. Tak, patrz pkt. 1.
4. Moduł dotychczas był zgodny z wszystkimi szablonami, a jeśli pojawiłby się problemy - pomożemy na HelpDesk. Staramy się, aby moduł był maksymalnie uniwersalny :-)
dwóch moich klientów jest zainteresowanych uruchomieniem WebP w sklepach proszę o informację w zakresie modułu:
PrestaShop WebP & Lazy Load - optymalizacja obrazków i zdjęć
1, Czy moduł jest zgodny z multisore?
2. Czy będzie działał z serwerem LiteSpeed?
3. Czy w przypadku jednego sklepu z kilkoma domenami obowiązuje ta sama cena (multistore)
4. Czy istnieje możliwość przetestowania na sklepie (wersja demo) lub ewentualnie zwrotu do 14 dni (chodzi o zgodność z serwerem/szablonem/modułami)?
Bardzo proszę o odpowiedź.
POzdrawiam
Bogusław Kobie
[email protected]
1. Load normally (ładowanie bez lazyload)
2. Load lazily without placeholder (fastest) (lazyload bez obrazka zastępczego)
3. Load lazily and use original image with low resolution as placeholder (looks nice) (lazyload z powolnym ładowaniem)
4. Load lazily and use shop logo with low resolution as placeholder (compromise between options 2 and 3) (lazyload z obrazkiem-zaślepką)