Optymalizacja WooCommerce — z 15 sekund do 2 sekund
Branża: Części samochodowe
Sytuacja
Sklep internetowy z częściami samochodowymi działający na WooCommerce wymagał optymalizacji wydajności. Strony produktów ładowały się bardzo wolno. Dodatkowo klient chciał umożliwić klientom oglądanie niektórych produktów w widoku 360°.
Problem — 10-15 sekund na załadowanie jednego produktu
Strony produktów potrzebowały 10-15 sekund na załadowanie. Przy takim czasie większość odwiedzających po prostu rezygnuje i idzie do konkurencji. Osobna sprawa to brak jakiegokolwiek narzędzia do prezentacji produktów w sposób inny niż zwykłe zdjęcia.
Co zrobiłem
Zacząłem od analizy wydajności. Okazało się, że problem tkwi w zapytaniach do bazy danych — były nieoptymalne i generowały niepotrzebne obciążenie przy każdym wejściu na kartę produktu. Głównym problemem były zapytania, które przy każdym wejściu na kartę produktu pobierały dane o wszystkich wariantach i powiązanych produktach, nawet tych niewidocznych dla klienta. Po przebudowie każde zapytanie pobiera tylko to, co faktycznie jest wyświetlane. Dodałem też indeksy na kolumnach, po których filtruje WooCommerce. Na koniec wdrożyłem warstwę cache'owania. Czas ładowania spadł z 10-15 sekund do 1-2 sekund. Następnie zbudowałem plugin do prezentacji produktów w widoku 360°. Produkt obraca się wokół własnej osi (oś Y), a klient może go zatrzymać, obrócić myszką lub palcem na telefonie. Rozwiązanie jest lekkie — nie obciąża strony dodatkowo.
Efekt
Czas ładowania produktów spadł o ponad 85%. Klienci mogą obejrzeć wybrane produkty ze wszystkich stron, co przy częściach samochodowych ma spore znaczenie — kupujący chce zobaczyć kształt, mocowanie, wymiary. Sklep odnotował wyraźny wzrost czasu spędzonego na stronach produktów.
Twój sklep WooCommerce ładuje się za wolno? — przeanalizuję co go spowalnia.
Napisz do mnieMasz podobny problem?
Opisz z czym się mierzysz — odpowiem w ciągu 24 godzin i powiem szczerze, czy jestem w stanie pomóc. Bez zobowiązań.