Jak rozwiązujemy prędkość ładowania w Pobo Page Builder

Dość często otrzymujemy pytania o szybkość ładowania opisów i ogólnie dodatku Pobo Page Builder. Postaramy się odpowiedzieć na najczęstsze zapytania, które do nas piszecie.

Czy dodatek nie będzie spowalniał mojego e-sklepu?

Naszym celem jest, aby opisy ładowały się możliwie najszybciej, a nasze skrypty i style nie spowalniały e-sklepu. W tym celu stosujemy kilka metod:

1. Jeśli na Pragę (lub Brno) spadnie hipotetycznie asteroida, wasze opisy będą się nadal wyświetlać

Dla obrazków, stylów czy innych plików potrzebnych do działania opisów od Pobo Page Builder używamy tzw. CDN, która replikuje (laicko mówiąc kopiuje) dane do dużych centrów danych (często w metropoliach). CDN jest przeznaczony do intensywnego ruchu i rozwiązuje za nas DDOS oraz DNS ataki, które są w ostatnich miesiącach intensywne. Jeśli nasz dostawca usług CDN zrezygnuje, nadal mamy kopię zapasową z dwóch centrów danych w dyspozycji. 

 2. On the fly konwersja obrazków do WEBP

CDN, której używamy, automatycznie konwertuje obrazy JPG i JPEG do WEBP, które oszczędzają dane i mają wysoką jakość. Nawet jeśli obrazy mają końcówkę *.jpg lub *.jpeg, to nowoczesna przeglądarka (w Polsce 94%+) przesyła w nagłówku informację, że akceptuje *.webp i CDN serwuje te obrazy. 

3. Asynschroniczne ładowanie zasobów

Prawie każdy dodatek na Shoptet potrzebuje do działania plików pomocniczych. Te pliki są ładowane do e-sklepu, który zainstalował dodatek i sposób ładowania ma bardzo duży wpływ na szybkość ładowania. 

Nasz dodatek ładuje asynchronicznie kilka kB danych i następnie wedle potrzeby pobiera wymagane biblioteki, jeśli to konieczne. To przyspiesza ładowanie e-sklepu i nie blokuje parsowania DOM. 

4. Używamy lazyload dla obrazów i wideo

Lazyload to metoda, która rozwiązuje to, aby obrazek lub wideo ładowały się dopiero w momencie, kiedy są potrzebne. Typowo i najczęściej, gdy użytkownik przewinie np. do obrazu w galerii. To odroczone ładowanie ma pozytywny wpływ na szybkość i Google uwzględnia to przy obliczaniu wyniku wydajności. 

Co jeśli odinstaluję dodatek lub będę chciał odejść?

Ogólnie rzecz biorąc Pobo Page Builder nie jest kompatybilny z innymi edytorami (np. CK Editor lub Tiny MCE), więc po odinstalowaniu dodatku opisy w administracji będą rozsypane a obrazy się nie załadują (z powodu wyłączonego LazyLoad). 

Jeśli zdecydujesz się używać Pobo Page Builder, chętnie prześlemy Ci style CSS + pomocnicze JS oraz obrazy produktów, które są przechowywane na naszej CDN. Z Twojej strony będzie potem potrzebna zmiana ścieżek do obrazów i załadowanie CSS na FTP Shoptet.