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....
SEO BOOSTER
Z formatem WebP oraz naszą technologią LazyLoad Twój sklep PrestaShop będzie działał szybciej - skróci się czas ładowania oraz czas do pełnej interaktywności strony (TTI). Moduł odciąży serwer i podniesie wyniki w testach wydajnościowych:
- Google Insights
- Page Speed
- Lighthouse
- GTMetrix
Format WebP w PrestaShop
PrestaShop 1.6, 1.7 oraz 8.0 nie posiadają obsługi formatu WebP. PrestaShop 8.1 posiada natywną obsługę WebP, ale tylko dla zdjęć produktów, pozostałe zdjęcia w tej wersji PS nie są konwertowane do formatu WebP. Żadna wersja PrestaShop nie realizuje funkcjonalności LazyLoad.
Nasz moduł wprowadza pełną obsługę WebP i LazyLoad dla wszystkich obrazków i zdjęć w każdej wersji PrestaShop 1.6, 1.7 oraz 8.x.
Zainstaluj moduł i włącz obsługę WebP. Moduł w tle rozpocznie konwertowanie zdjęć i grafik w całym Twoim sklepie.
Konwersja do WebP będzie przeprowadzana w chwili pierwszego wczytania zdjęcia przez przeglądarkę klienta, który trafi na nieprzekonwertowane zdjęcia JPG lub PNG w Twoim sklepie
- Moduł wykrywa nowo dodane produkty i nowo dodane zdjęcia oraz dba o porządek w plikach WebP na serwerze.
- W module znajdziesz statystyki liczby zdjęć oraz ile % zdjęć zostało przekonwertowane.
- Zdjęcia w formacie WebP są zapisywane na serwerze oraz w cache i są gotowe do ponownego wykorzystania.
- Możesz 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.
Aby konwersja do WebP działała w sklepie muszą być włączone przyjazne adresy Friendly URL, a na Twoim serwerze musi być zainstalowane dowolna biblioteka do obsługi WebP:
- cwebp
- ffmpeg
- vips
- imagick
- gmagick
- imagickbinary
- gmagickbinary
- gd
Aby skrócić czas do pełnej interaktywności strony możesz skorzystać z funkcji Lazy Load.
Nasz Lazy Load sprytnie zarządza zdjęciami i obrazami, które są widoczne na ekranie.
Dzięki Lazy Load skrócisz czas 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ść ładowania.
- Nasz Lazy Load nie generuje przeskoków strony w trakcie ładowania - obiekty przechowujące obrazki przed ich załadowaniem zachowują swój oryginalny rozmiar przed i po załadowaniu obrazka.
- Linki URL do zdjęć i obrazów są cały czas w kodzie strony i są dostępne dla robotów internetowych.
Konwersja do formatu WebP oraz nasza autorska technologia Smart Lazy Load są w 100% przyjazne dla robotów internetowych i pozytywnie wpływają na jakość SEO sklepu
Nasz moduł został przygotowany zgodnie z dobrymi praktykami SEO wg. wytycznych Google (Google Guidelines), dzięki czemu jest szybki i pomaga w pozycjonowaniu sklepu.
Dla profesjonalistów i amatorów
Moduł nie wymaga dodatkowych konfiguracji. Zautomatyzowaliśmy w pełni działanie modułu, zachowując optymalne parametry dla jakości zdjęć i szybkości ich ładowania.
Gwarancja nowoczesnych rozwiązań
Gwarantujemy, że moduł przyśpieszy Twój sklep, widocznie odciąży serwer oraz poprawi wyniki uzyskiwane w testach wydajności.
Zainstaluj i korzystaj
1. Zainstaluj moduł i odczytaj w module, czy moduł nawiązał połączenie z serwerem do obsługi formatu WebP.
2. Włącz konwersję WebP.
3. Włącz technologię Lazy Load.
Obsługa pamięci 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
Wykluczenie Lazy Load
Możesz 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="...">
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 nie obsługuje formatu WebP
Jeśli przeglądarka klienta nie obsługuje formatu WebP, moduł wyświetli standardowe zdjęcia jpeg/png.
Współpraca z CloudFlare
Moduł jest dostosowany do współpracy z CloudFlare.
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!)
Więcej nt. wymagań przeczytasz w bazie wiedzy
Minimalne wymagania dla wszystkich modułów:
- PHP 7.1 - 8.x
- Rozszerzenie serwera ionCube Loader
- Tylko PrestaShop Importer: PHP libxml w wersji > 2.9.3
- Tylko PrestaShop Facebook Integrator: PHP 7.2 lub wyższe
- Tylko PrestaShop VAT Walidator: PHP SOAP
- Do modułu otrzymujesz 3-miesięczny dostęp do wsparcia.
- Wsparcie daje Ci dostęp do HelpDesk oraz do aktualizacji modułów.
- Po wygaśnięciu wsparcia możesz korzystać z modułu bez ograniczeń czasowych - w wersji, która była dostępna w dniu wygaśnięcia Twojego wsparcia.
- Dostęp do wsparcia i aktualizacji możesz wydłużyć w dowolnym momencie
Aktualizacje modułów
90 dni
Moduły poinformują Cię o dostępnej aktualizacji. Zapoznaj się z changelog. Aktualizację modułu wykonasz wygodnie 1-kliknięciem w Twoim sklepie.
Wsparcie HelpDesk
90 dni
HelpDesk to panel, w którym dostarczamy pomoc dla modułów. Na HelpDesk możesz zamawiać modyfikacje modułów oraz indywidualne prace programistyczne.
Baza Wiedzy - FAQ
Za darmo
Baza wiedzy jest dostępna dla wszystkich. Znajdziesz w niej dokumentacje modułów oraz odpowiedzi na najczęściej zadawane pytania.
- Pełna treść licencji
- Instrukcja obsługi zarządzania licencjami - zapoznaj się przed zakupem.
- Poniżej skrót najważniejszych informacji:
Licencja jest wieczysta dla 1 domeny
- Licencja na moduł jest wieczysta i możesz używać jej bez ograniczeń czasowych w 1 sklepie = 1 domena.
- Możesz dodać dodatkową domenę dla sklepu testowego.
- Raz na 30 dni możesz odpłatnie zmienić domenę dla modułu.
Domeny Multistore
- Wszystkie nasze moduły obsługują PrestaShop Multistore
- Obsługa nielimitowanej liczby domen dla PrestaShop Multistore wymaga zakupienia obsługi multistore dla modułu.
Modyfikowanie kodu modułu
- Kod modułu związany z integracją ze sklepem oraz z wyglądem (.tpl, .css, .js) ma otwarty kod źródłowy i możesz go dowolnie modyfikować.
- Kod źródłowy modułu (.php) szyfrowany jest ionCube, co zapewnia bezpieczeństwo i zwiększa wydajność modułu. Kodu PHP nie możesz modyfikować.
- Moduł możesz przetestować w naszym sklepie demo.
- Link do demo znajdziesz w górnej sekcji strony.
- W razie problemów z działaniem 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ą)