Szybkość sklepu na urządzeniach, których naprawdę używają klienci
Prawie każdy sklep, który mamy przyspieszyć, jest szybki w biurze i wolny w terenie. Maszyna programisty to stacja robocza na światłowodzie; klient jest na telefonie ze średniej półki ze słabym zasięgiem, a jedenaście zewnętrznych skryptów ładuje się, zanim pojawi się cena.
Sensowna praca nad szybkością zaczyna się od zmierzenia tej drugiej maszyny.
Gdzie naprawdę idzie czas#
| Przyczyna | Typowy udział | Naprawa |
|---|---|---|
| Zewnętrzne skrypty | Największy w większości sklepów | Usunąć, odroczyć albo hostować samodzielnie |
| Nieoptymalizowane zdjęcia | Duży | Nowoczesne formaty, właściwy rozmiar, leniwe ładowanie poniżej zgięcia |
| Blokujący CSS i fonty | Średni | Krytyczny CSS w linii, fonty ograniczone i wczytane wcześniej |
| Strony dynamiczne bez cache | Średni | Porządnie cache'ować karty i kategorie |
| Czas odpowiedzi serwera | Mniejszy, niż się zakłada | Zapytania optymalizować dopiero potem |
Kolejność pracy, która się opłaca#
- Mierzcie na prawdziwym telefonie ze średniej półki przy ograniczonym łączu.
- Zinwentaryzujcie każdy zewnętrzny skrypt i usuńcie te, których nikt nie uzasadni.
- Naprawcie zdjęcia: właściwy rozmiar, nowoczesny format, jawne wymiary przeciw przesunięciom.
- Cache'ujcie kategorie i karty, także dla wylogowanych odwiedzających.
- Dopiero potem patrzcie na zapytania po stronie serwera.
Przesunięcie układu to problem konwersji#
Treść, która skacze po załadowaniu, powoduje błędne dotknięcia, a błędne dotknięcie na karcie produktu to stracony kupujący, nie metryka. Rezerwujcie miejsce na zdjęcia, banery i wszystko, co wstrzykują aplikacje.
Banery cookies i paski promocyjne to najczęstsze źródło i są całkowicie pod waszą kontrolą.
Ile warta jest szybkość#
Szybkie sklepy konwertują lepiej, ale uczciwe ujęcie jest skromniejsze: szybkość usuwa jeden powód do wyjścia. Nie oczekujcie, że uratuje stronę, która nie odpowiada na pytania kupującego.
Najczęstsze pytania
Którą metrykę optymalizować?
Największe wyrenderowanie treści i przesunięcie układu na telefonie ze średniej półki.
Czy aplikacje to główna przyczyna?
W większości sklepów hostowanych tak — te po stronie warstwy sklepowej dokładają skrypty wszędzie.
Czy szybszy serwer pomaga najbardziej?
Rzadko. Czas serwera to zwykle mały udział wobec skryptów i zdjęć.
szybkość sklepucore web vitalswydajność e-commerceoptymalizacja zdjęćskrypty zewnętrzne
