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....
Z formatem WebP oraz technologią Lazy Load Twój sklep PrestaShop będzie działał szybciej - skróci się czas ładowania oraz czas do pełnej interaktywności strony (TTI). Nasz moduł odciąży serwer i podniesie wyniki PrestaShop w testach wydajnościowych:
- Google Insights
- Page Speed
- Lighthouse
- GTMetrix
Czy PrestaShop obsługuje format WebP?
- PrestaShop 1.6, 1.7 oraz 8.0 nie wspierają formatu WebP - potrzebujesz moduł.
- PrestaShop 8.1 posiada natywną obsługę WebP, ale tylko dla zdjęć produktów, pozostałe zdjęcia w PrestaShop 8.1 nie są konwertowane do formatu WebP.
- Żadna wersja PrestaShop nie realizuje funkcjonalności LazyLoad - potrzebujesz moduł.
Nasz moduł wprowadza pełną obsługę WebP i Lazy Load dla wszystkich obrazków i zdjęć w każdej wersji PrestaShop 1.6, 1.7 oraz 8.x.
- Moduł automatycznie w tle konwertuje JPG i PNG do WebP w całym Twoim sklepie. Proces konwersji został bardzo dobrze zoptymalizowany i nie obciąża serwera.
- Pliki w formacie WebP są zapisywane na serwerze oraz w cache i są gotowe do ponownego wykorzystania. Moduł dba o porządek i poprawne działanie formatu WebP.
- Moduł wykrywa nowo dodane produkty i zdjęcia i generuje dla nich format WebP automatycznie - spij spokojnie.
- Możesz skorzystać CRON i wygenerować wszystkie zdjęcia WebP na raz. Nie jest to jednak konieczne ponieważ automatyczna metoda jest dobrze zoptymalizowana.
- W module znajdziesz statystyki zdjęć, które zostały przekonwertowane do formatu WebP oraz zdjęć oczekujących na konwersję.
- Format WebP wymaga włączenia przyjaznych adresów Friendly URL)w ustawieniach PrestaShop.
- Na Twoim serwerze powinna być zainstalowana przynajmniej jedna dowolna biblioteka do obsługi WebP, np. cwebp, ffmpegm, vips, imagick, gmagick, imagickbinary, gmagickbinary lub gd.
Aby skrócić czas do pełnej interaktywności strony możesz skorzystać z funkcji Smart Lazy Load.
Nasz Smart Lazy Load optymalizuje czas ładowania strony poprzez sprytne ładowanie grafik widocznych na ekranie.
- Lazy Load skraca czas do pełnej interaktywności oraz zredukujesz wagę strony.
- Dzięki Lazy Load serwer nie ładuje elementów, których klient nie wyświetli na swoim ekranie, a to pozytywnie wpłynie na szybkość sklepu i serwera.
- Nasz Lazy Load nie generuje przeskoków strony w trakcie ładowania - obiekty przechowujące obrazki cały czas zachowują swój oryginalny rozmiar.
- Linki URL do zdjęć i obrazów są cały czas widoczne 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 lepszych wyników
Gwarantujemy, że moduł przyśpieszy Twój sklep, widocznie odciąży serwer oraz poprawi wyniki uzyskiwane w testach wydajności.
Zainstaluj i korzystaj
- Zainstaluj moduł i odczytaj w module, czy moduł wykrył obsługę WebP na Twoim serwerze.
- Włącz konwersję do formatu WebP.
- 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
SMART 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.
Co, Jeśli przeglądarka nie wspiera 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
Czekamy na oficjalne wdrożenie do popularnych przeglądarek formatu avif, który 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ą)