Globalo
70% krótsze ładowanie sklepu Globalo
Rozbudowany sklep WooCommerce producenta okapów ładował się zbyt wolno. Audyt, refaktoryzacja i porządek w skryptach skróciły czas ładowania o 70%. Globalo (globalo.pl) to producent sprzętu kuchennego działający od 2003 roku i sprzedający na rynku Unii Europejskiej. Główną kategorią są okapy: wyspowe, sufitowe, teleskopowe i przyścienne. Oferta obejmuje też płyty indukcyjne, w tym płyty z okapem, zlewy granitowe i stalowe oraz baterie. Serwis działa w trzech językach (PL, EN, DE), a firma prowadzi program B2B dla architektów.
Problemy z wydajnością sklepu WooCommerce
- Wolne ładowanie stron. Sklep na WooCommerce rozrósł się przez lata. Strony ładowały się zbyt długo, co zniechęcało klientów i szkodziło widoczności w wyszukiwarce.
- Duży katalog i ruch. Wiele kategorii, wariantów i zdjęć produktów obciążało sklep. Przy większym ruchu problem był jeszcze bardziej odczuwalny.
- Nadmiar skryptów. Z czasem w sklepie przybywało wtyczek i skryptów. Część z nich ładowała się na każdej podstronie, choć była potrzebna tylko w kilku miejscach.
- Ciężkie galerie produktów. Okapy i płyty sprzedaje się zdjęciem. Galerie i powiększenia musiały działać płynnie, bez spowalniania karty produktu.
- Edycja treści podstron. Zespół potrzebował prostego sposobu na zmianę treści na podstronach. Każda zmiana nie mogła wymagać ingerencji w kod.
- Trzy wersje językowe. Serwis działa po polsku, angielsku i niemiecku. Optymalizacja musiała objąć wszystkie wersje, a nie tylko polską stronę główną.
Optymalizacja wydajności i refaktoryzacja kodu
- Audyt zamiast zgadywania. Zaczęliśmy od analizy skryptów i wąskich gardeł. Zmierzyliśmy, co dokładnie spowalnia sklep, zanim cokolwiek zmieniliśmy.
- Ocena nawigacji. Przeanalizowaliśmy strukturę menu i ścieżki użytkownika. Wydajność to nie tylko szybkość serwera, ale też liczba kroków do produktu.
- Refaktoryzacja kodu. Przepisaliśmy fragmenty, które generowały zbędne obciążenie. Kod stał się lżejszy i łatwiejszy w dalszym rozwoju.
- Eliminacja i odroczenie skryptów. Usunęliśmy skrypty, które nie były potrzebne. Pozostałe ładują się później lub tylko tam, gdzie są używane.
- Swiper i Lightbox w galeriach. Galerie produktów oparliśmy na lekkich bibliotekach Swiper i Lightbox. Klient przegląda zdjęcia płynnie, także na telefonie.
- Cache i kompresja. Wdrożyliśmy buforowanie i kompresję zasobów. Serwer nie musi generować każdej strony od nowa, a pliki przesyłane do przeglądarki są mniejsze.
- Pola w panelu WordPress. Dodaliśmy pola, dzięki którym zespół sam edytuje treści podstron. Zmiany nie wymagają programisty i nie psują zoptymalizowanego kodu.
- Szybsze ładowanie stron. Karty produktów i kategorie wczytują się znacznie szybciej. Klient szybciej dociera do okapu czy płyty, której szuka.
Czym to zbudowaliśmy.
Diagnostyka
Przeprowadziliśmy audyt wydajności sklepu, skryptów i nawigacji. Wynikiem była lista wąskich gardeł uporządkowana według wpływu na czas ładowania.
Strategia optymalizacji
Ustaliliśmy kolejność prac, zaczynając od zmian o największym efekcie. Zaplanowaliśmy refaktoryzację i nowe rozwiązania dla galerii.
Zarządzanie skryptami
Usunęliśmy zbędne skrypty, a pozostałe odroczyliśmy lub ograniczyliśmy do podstron, na których są potrzebne. Wdrożyliśmy cache i kompresję.
Refaktoryzacja i galerie
Przebudowaliśmy obciążające fragmenty kodu. Wdrożyliśmy Swiper i Lightbox oraz pola do edycji treści w panelu WordPress.
Testy obciążeniowe i zgodności
Sprawdziliśmy sklep pod większym ruchem oraz na różnych przeglądarkach i urządzeniach. Upewniliśmy się, że optymalizacja nie zepsuła żadnej funkcji.
Co się zmieniło.
Zobacz inne projekty.
Twój sklep ładuje się za wolno?
Zrobimy audyt wydajności i pokażemy, co spowalnia Twój sklep i jak to naprawić. Wolny sklep na WooCommerce rzadko wymaga przeprowadzki na inną platformę. Najczęściej problemem są nagromadzone skrypty, ciężkie galerie i brak cache. Audyt pokazuje, co faktycznie spowalnia stronę, a porządek w skryptach często daje największy efekt najmniejszym kosztem. Kluczowe jest, by po optymalizacji zespół mógł edytować treści bez psucia tego, co zostało przyspieszone.
Zamów audyt wydajności →