E-mail potwierdzony
Sprawdzamy shop.example.com
Możesz zamknąć tę kartę. Raport otworzy się pod linkiem z maila.
- Otwieramy sklep
- Szukamy kategorii, produktu i koszyka
- Rozpoznajemy platformę i jej wersję
- Sprawdzamy drogę do kasy (telefon dodaje produkt do koszyka)
- Sprawdzamy bezpieczeństwo
- Mierzymy szybkość na telefonie i komputerze (najdłuższy krok)
- Piszemy werdykt
Audyt sklepu
shop.example.com
Od czego zaczęlibyśmy
- Pokażcie zakup bez konta przed krokiem logowania; prośba o konto na starcie to największe ryzyko porzucenia koszyka, jakie znaleźliśmy.
- Skróćcie LCP strony produktu z 4,8 s: podawajcie zdjęcie główne jako AVIF poniżej 200 kB i opóźnijcie czat i widżet opinii.
- Zaplanujcie odejście od Magento 2.4.3 i PHP 7.4; oba przestały dostawać poprawki bezpieczeństwa w 2022.
Czy sklep jest szybki dla klientów?
Prawdziwi klienci na telefonach czekają za długo.
58% wizyt na telefonach pokazuje główną treść w 2,5 s (próg Google to 75%). 71% reaguje na dotknięcie w 200 ms.
Dane użytkowników Chrome dla tego sklepu z ostatnich 28 dni. Sklepy internetowe sprzedają o około 8% lepiej z każdą 0,1 s szybszego ładowania na telefonie (Deloitte, „Milliseconds Make Millions”, 2020).
Test laboratoryjny Google: telefon ze średniej półki na wolnym 4G i komputer na szybkim łączu. „Główna treść” to moment, gdy pojawia się największy element (zwykle zdjęcie główne albo zdjęcie produktu). Prawdziwi klienci na szybszych telefonach i sieciach zwykle czekają krócej.
| Strona | Telefon | Komputer | Reakcja na dotyk (prawdziwi użytkownicy) | ||
|---|---|---|---|---|---|
| Wynik | Główna treść | Wynik | Główna treść | ||
| Strona główna/ | 41 | 4.1 s | 78 | 1.9 s | 240 ms |
| Kategoria/women/dresses.html | 38 | 4.4 s | 74 | 2.1 s | 310 ms |
| Produkt/linen-summer-dress.html | 35 | 4.8 s | 71 | 2.4 s | 280 ms |
| Koszyk/checkout/cart/ | 52 | 3.1 s | 83 | 1.3 s | 190 ms |
Co spowalnia
Zdjęcia główne i produktowe
JPEG 1,8 MB na stronie produktu na telefonie; bez AVIF i WebP, bez wariantów rozmiaru.
Skrypty zewnętrzne
14 skryptów ładuje się, zanim strona da się używać: czat, 3 piksele reklamowe, widżet opinii, 2 menedżery tagów.
Paczka JavaScript
2,3 MB JavaScriptu na stronie kategorii (moduły RequireJS, jQuery UI, Knockout).
Odpowiedź serwera
Czas do pierwszego bajtu 1,2 s na stronach kategorii; cache całych stron nie działa dla niezalogowanych.
Na czym działa sklep?
- PlatformaPrzestarzałe
- Magento Open Source 2.4.3Poprawki bezpieczeństwa dla 2.4.3 skończyły się w 2022.
- BackendPrzestarzałe
- PHP 7.4 (X-Powered-By)PHP 7.4 nie dostaje poprawek bezpieczeństwa od listopada 2022.
- FrontPrzestarzałe
- Motyw Luma: Knockout, RequireJS, jQuery 3.4.1Knockout: framework z czasów jQuery; mało bibliotek i programistów jeszcze go wspiera.
- CDN / hosting
- Cloudflare
- Widoczne płatności
- PayPal, karta (Adyen)
- Wyszukiwarka
- Wbudowana wyszukiwarka Magento
Warto dodać
Szybkie płatności
Apple Pay i Google Pay na stronach produktu i koszyka. Powracający klienci na telefonach pomijają formularz adresu.
CDN obrazów
AVIF i WebP w kilku rozmiarach, generowane w locie. Zwykle najszybszy zysk na LCP na telefonie.
Front renderowany na serwerze
Strony produktów i kategorii renderowane na serwerze i trzymane w cache na brzegu sieci, a Magento dalej obsługuje katalog i zamówienia.
Gdzie klienci odpadają?
Na telefonie otworzyliśmy produkt, dodaliśmy go do koszyka i przeszliśmy do pierwszego kroku kasy. Nie złożyliśmy zamówienia.
- 1Strona produktu4.8 s
- 2Dodanie do koszyka1.4 sOtwiera się mini-koszyk, bez przeładowania
- 3Koszyk3.1 s
- 4Początek kasy6.2 sNajpierw formularz logowania
WysokieLogowanie przed wyborem dostawy
Kasa otwiera się formularzem logowania. Zakup bez konta istnieje, ale na telefonie jest poniżej pierwszego ekranu.
Jak naprawić: Zacznijcie kasę od pola e-mail, a konto zaproponujcie po złożeniu zamówienia.
WysokieBaner cookies zasłania „Dodaj do koszyka” na telefonie
Przy szerokości 390 px baner zakrywa przycisk, dopóki klient nie dokona wyboru.
Jak naprawić: Użyjcie paska na dole niższego niż 25% ekranu albo przesuńcie przycisk nad niego.
ŚrednieBrak szybkich płatności
Na stronie produktu i w koszyku nie ma Apple Pay, Google Pay ani PayPal Express.
Jak naprawić: Włączcie szybkie płatności w Adyen i pokażcie je obok „Dodaj do koszyka”.
Średnie17 pól w pierwszym kroku kasy
Nazwa firmy, NIP i drugi telefon są wymagane przy każdym zamówieniu.
Jak naprawić: Zostawcie 6–8 wymaganych pól; pola firmy pokazujcie dopiero po „Chcę fakturę”.
NiskieKoszyk nie pokazuje progu darmowej dostawy
Próg widać tylko w stopce strony.
Jak naprawić: Pokazujcie „Brakuje 50 zł do darmowej dostawy” w mini-koszyku i w koszyku.
Czy można tu bezpiecznie kupować?
KrytyczneMagento 2.4.3: 9 znanych podatności
Magento 2.4.3 (meta generator i ścieżki statyczne)W tym zdalne wykonanie kodu, załatane w późniejszych wydaniach 2.4.
Jak naprawić: Zaktualizujcie do wspieranego wydania 2.4 albo zaplanujcie przejście na wspieraną platformę.
WysokieCiasteczko sesji czytelne z JavaScriptu
PHPSESSID bez HttpOnlyJeden błąd XSS wystarczy, żeby przejąć sesję zalogowanego klienta.
Jak naprawić: Ustawcie HttpOnly i SameSite=Lax na ciasteczku sesji.
ŚrednieBrak Content Security Policy
Brak nagłówka Content-Security-PolicyBez CSP na stronach kasy skrypty kradnące dane kart (Magecart) działają niezauważone.
Jak naprawić: Najpierw włączcie CSP na /checkout/; Magento 2.4 ma moduł CSP, który można przełączyć w tryb restrict.
Zaliczone pozostałe testy bezpieczeństwa: 7. To te same testy co w naszym teście bezpieczeństwa.
Czy headless się opłaci?
Headless do rozważenia, w dwóch krokach
Za
- Strony na telefonie są wolne na prawdziwych urządzeniach, mimo Cloudflare przed serwerem.
- Front Luma (Knockout, RequireJS) ogranicza, co Wasz zespół może szybko zmienić.
- Wersja platformy i tak wymaga dużej aktualizacji.
Przeciw
- Kasa działa i sprzedaje; przebudowa jej na początek zwiększa ryzyko.
- Sklep headless potrzebuje programistów frontu, których jeszcze nie macie u siebie.
Jak byśmy się do tego zabrali
- 1
Zostawcie Magento do katalogu, cen i zamówień; udostępnijcie je przez jego GraphQL API.
- 2
Najpierw zbudujcie strony produktów i kategorii z frontem renderowanym na serwerze (Angular SSR albo Next.js) i cache na brzegu sieci.
- 3
Kasę przenieście w drugim etapie, gdy nowe strony pokażą zysk na szybkości.
Jak odejść od Magento 2.4.3, Knockout
Budujemy nowy front obok starego i przełączamy typy stron jeden po drugim, a Wy w tym czasie dalej sprzedajecie.
Gdzie możemy podnieść sprzedaż w Twoim sklepie
Raport pokazuje, w którym miejscu klienci odpadają: wolne strony produktów, za długa droga do koszyka, brak informacji o dostawie. Wskażemy, co poprawić najpierw i ile to kosztuje.
Sprawdźmy Twój sklep