Optymalizacja PrestaShop.
Jak przyspieszyć sklep na PrestaShop?

Świat pędzi. Nikt nie ma czasu, ani cierpliwości czekać. Dziś oczekiwanie 5 sekund na załadowanie się strony jest nieakceptowalne. Większość osób w takiej sytuacji wychodzi i szuka innej strony, czy sklepu internetowego. Szybszego. Optymalizacja Prestahop rozwiązuje ten problem. Dlatego dziś dowiesz się, jak przyspieszyć Twój sklep na Prestashop.

I. Dlaczego szybkość ładowania sklepu internetowego jest ważna

• Przyspieszenie wczytywania strony o 0,5 sekundy, powoduje zwiększenie ruchu w witrynie o 20% – informacja podana przez Google w 2017r. Prawdopodobnie dzieje się tak, ponieważ prędkość ładowania strony jest jednym z kluczowych parametrów branych pod uwagę przez algorytmy Google. Jeśli Twoja strona będzie wolna, to Google obniży jej pozycję w wyszukiwarce. To oznacza mniej osób odwiedzających Twój sklep. Mniej odwiedzających to mniejsza ilość zakupów, czyli zysków.

• Według Akami blisko 40% użytkowników opuści twoją stronę, jeśli nie załaduje się w 3,5 sekundy.

• Mobile First! Dziś ilość użytkowników smartfonów wyprzedziła ilość użytkowników przeglądających strony na komputerach. Wygląd i szybkość sklepu internetowego w wersji mobilnej staje się priorytetem. Kończą się czasy, gdy produkty przeglądaliśmy w telefonie, ale na zakupy przenosiliśmy się na komputer. Statystyki ze sklepów e-commerce to potwierdzają.

• To chyba wystarczające argumenty, aby sprawdzić, jak przyspieszyć sklep? Zanim zaczniesz przyspieszać swój sklep, sprawdź jego szybkość na urządzeniu mobilnym i stacjonarnym. Zrobisz to dzięki narzędziom stworzonym przez Google Page Speed Insigns. oraz GTmetrix.

II. Jak samodzielnie przyspieszyć sklep na Prestashop

1. Optymalizacja obrazów, zdjęć i grafik

Przede wszystkim sprawdź, czy zdjęcia które wrzucasz na stronę sklepu nie są zbyt duże. To nie wymiar w pixelach jest ważny. Znaczenie ma wielkość (waga) pliku obrazka. Upewnij się, czy moduł Prestashop slidera odpowiednio skaluje, zmniejsza i optymalizuje rozmiar zdjęć.

W panelu administracyjnym sklepu Prestashop, w zakładce: Wygląd / Zdjęcia. Zmniejsz parametr “Kompresja JPEG” na “80”. Jest to wystarczająca jakość zdjęć dla większości standardowych urządzeń.

Najlepszym rozwiązaniem byłoby stosowanie formatu obrazów WebP. Jest to nowszy format od popularnych JPEG, GIF, czy PNG. W tej samej jakości co JPEG, zdjęcie WebP będzie lżejsze. Jest to format wymyślony przez Google, co z pewnością będzie lubiane przez algorytmy wyszukiwarki.

Jeśli zostajesz przy formacie JPEG. Użyj programu do optymalizacji zdjęć. Bez straty jakości możesz zmniejszyć wagę zdjęcia nawet o 50%.

2. Usuń nieużywane moduły Prestashop i aplikacje

Optymalizacja zdjęć niczego nie popsuje, ale przed wszystkimi kolejnymi zmianami, koniecznie zrób kopię zapasową. Więcej na temat bezpiecznego wprowadzania zmian na stronie przeczytasz w artykule na temat aktualizacji sklepu Prestashop.

Porządek na stronie Twojego sklepu internetowego jest bardzo ważny. Również w back-office. Jeśli masz na niej jakieś nieużywane moduły – usuń je. Jeśli masz moduły bazowe np. statystyki, które są instalowane domyślnie ze sklepem Prestashop, ale nie korzystasz z nich – usuń.

Koniecznie skontroluj, czy nie masz na stronie elementów niepotrzebnie pobieranych (np. okienko z Facebooka, na którym i tak nie publikujesz postów lub elementy z zewnętrznych serwisów), które i tak nie są używane, więc niepotrzebnie zajmują miejsce i spowalniają Twoją stronę. 

3. Automatyczne czyszczenie zbędnych danych

Sklep PrestaShop w trakcie codziennego działania zbiera różne statystyki. Np. liczbę odwiedzających, czy ilość czasu spędzanego na stronie. Zainstaluj moduł przeznaczony do czyszczenia danych i regularnie usuwaj zbędne pliki. To naprawdę potrafi przyspieszyć sklep na Prestashop.

4. Wydajność serwera dla sklepu Prestashop

Dowiedz się, czy dostawca hostingu może dać Tobie coś więcej. Sprawdź, jakie są statystyki wydajności serwera, na ile jest obciążony. Może Twoja firma hostingowa zaproponuje Tobie coś lepszego, szybszego. Coś dedykowanego pod sklep na Prestashop. W wielu przypadkach płacenia więcej za serwer będzie tańsze, niż zaawansowana modyfikacja platformy sklepu.

Jeśli masz sklep PrestaShop w wersji 1.7 sprawdź, czy Twój hosting działa na PHP 7, a nie na jakiejś starszej wersji (np. z 5 z przodu)? Daje to minimum 100% przyrost w samym generowaniu się treści stron sklepu!

5. Funkcjonalność CCC (Combine, Compress, Cache)

Możesz wejść jeszcze w ustawienia zaawansowane / wydajności. Tam znajdziesz ustawienia “Funkcjonalność CCC”. Te funkcje automatycznie minimalizują pliki CSS/JS i zewnętrzne skrypty scalają go w jeden plik. Włącz je i zapisz. Sprawdź obowiązkowo, czy na sklepie wszystko działa poprawnie, ponieważ czasami szablony Prestashop nie współpracują dobrze z tymi ustawieniami. Jeśli masz w ustawieniach sklepu funkcję kompresja stron, również skorzystaj z niej.

III. Jak przyspieszyć sklep na Prestashop – ustawienia zaawansowane

6. Przyspieszenie sklepu przez cache’owanie stron 

Gdy chcesz wyświetlić jakąś stronę, to serwer na którym stoi ta strona, uruchamia wiele mechanizmów. Niektórych elementów strony nie trzeba generować za każdym razem. Można to przyspieszyć stosując tzw. cache’owanie. Są gotowe moduły do zastosowania. Po instalacji odpowiedniej konfiguracji spowodują, że przy np. wyświetleniu karty danego produktu, serwer WWW nie będzie miał tyle pracy, co poprzednio.

7. Wygrzewanie cache-u

To przygotowanie strony tak, jakby ktoś już wcześniej na nią wszedł (tak jakby „przetarł szlaki”). Pierwsza osoba wchodząca na kartę danego produktu musi taki cache wygenerować. Można przygotować skrypt, który wejdzie jako robot na poszczególne karty produktów i pobierze te strony. Spowoduje to ich pierwsze wygenerowanie. Taka operacja przyspieszy załadowanie się strony dla użytkownika Twojego sklepu. 

8. Optymalizacja bazy danych w sklepie Prestashop

Musisz wiedzieć, czy Twój hosting pozwala zrobić to samodzielnie. Jeśli nie masz możliwości samodzielnej optymalizacji, skontaktuj się z firmą hostingową. Zapytaj, czy parametry bazy są optymalnie dobrane pod platformę sklepu na PrestaShop. Jeśli masz dostęp do powłoki serwera i sam możesz konfigurować bazę, dostosuj ustawienia do swoich potrzeb.

9. Pamięć podręczna

Nie wszystkie dane muszą być pobierane z bazy danych za każdym razem. Można je przechować w pamięci podręcznej. Do tego służy m.in. LiteSpeed Cache, Memcached, Redis (dwa ostatnie są bardziej zaawansowane i do wdrożenia może być potrzebny programista Prestashop).  

10. Akceleracja aplikacji

Aby wdrożyć akcelerację aplikacji przyspieszającą sklep, masz do wyboru dwa rozwiązania. Jeśli na serwerze pracuje serwer WWW Apache, możesz zastosować akcelerator Varnish. Zbuforuje on treści przygotowane już w wyższej warstwie aplikacji. Wtedy przychodzące zapytanie nie będzie dopytywało się o cash naszego modułu, tylko serwer www z innego miejsca pamięci podręcznej (czyli szybkiej pamięci operacyjnej) poda nam te treści. Drugie bardzo podobne rozwiązanie to Engines z modułem cache’owania.

11. Wyszukiwarki w sklepie

Staraj się unikać modułów do wyszukiwania, jeśli ich zastosowanie nie jest konieczne. Są one bardzo obciążające dla strony i usunięcie modułu może mocno przyspieszyć prędkość ładowania sklepu.

12. Sieć CDN

Sień CDN działa w ten sposób, że obrazki umieszczone na Twoim serwerze pobierane są przez serwery pośrednie na świecie i tam też dystrybuowane. Przykładowo, jeśli jesteś we Francji, to dostajesz obrazek z serwera, który jest bliżej Ciebie, a nie z serwera źródłowego.

Dodatkowo zapoznaj się z CloudFront i CloudFlare. Podnoszą bezpieczeństwo, dają zabezpieczenie przeciw atakom DDoS, ograniczają dostęp robotom. Poza tym mają swoje zabezpieczenia optymalizacyjne, które pozwalają użytkownikowi dużo wcześniej załadować wstępną treść strony.

13. Dobrze zoptymalizowany szablon sklepu Prestashop

Niestety niewiele osób o tym wie. Jeszcze mniej mówi… Na złej konstrukcji szablonu sklepu Prestashop bardzo dużo możesz stracić. Zbadaj stronę sklepu narzędziami typu PageSpeed albo GTmetrix. Otrzymasz komunikaty o blokującym css, blokujących elementach z zewnątrz. Część z nich możesz przenieść do szablonu.

Dobrze przygotowany szablon w HTML będzie się szybko renderował i składał. Bardzo dużo zależy od tego, gdzie przechowywany jest kod CSS i JS. Jednak taka optymalizacja Prestashop wymaga już dużej wiedzy i wsparcia specjalisty.

IV. Optymalizacja Prestashop – podsumowanie

Chcesz, żeby Twój sklep internetowy dużo sprzedawał? Zadbaj, aby Twoja strona była wysoko w wynikach wyszukiwania i miała user experience na wysokim poziomie. W obu przypadkach kluczowa będzie wysoka szybkość strony. Regularnie inwestuj swój czas i pieniądze, aby wprowadzać powyższe rozwiązania. Zwrócą się z nawiązką.

Zadbaj o to, aby Twoja strona była szybka, wygodna i przyjemna do obsługi w szczególności na urządzeniach mobilnych. Już około 50% użytkowników dokonuje w ten sposób zakupów, bo to szybkie i wygodne. Troska o mobilki na pewno zaprocentuje.