PageSpeed, jak sama nazwa wskazuje, określa czas, jaki zajmuje załadowanie się danej strony. Odpowiednie zoptymalizowanie wpływa na pozycję w wyszukiwarkach internetowych, doświadczenie użytkownika (UX) oraz współczynnik konwersji, co przekłada się w znaczącym stopniu na sukces Twojego sklepu.

Możemy zbadać nasz wynik online za pomocą Google PageSpeed Insights, lub lokalnie używając narzędzia deweloperskiego w przeglądarce Google Chrome – Lighthouse.

Rozdzielczość plików graficznych nigdy nie powinna przekraczać ich maksymalnych rozmiarów, jakie mogą zajmować na stronie. Dobrze jest sprawdzić, jakie wymiary ma obraz, zanim umieścimy go na naszej stronie.
Dodatkowo, każdy z nich powinien mieć podaną swoją wysokość i szerokość (atrybuty height i width). Dzięki temu unikniemy ‘skakania’ obrazów w pierwszym etapie wczytywania strony, zanim załadują się pliki stylów.
Dobrym pomysłem jest też używanie formatów najnowszej generacji WebP, które są wyjątkowo ‘lekkie’.

Zablokowanie skryptów, które nie są niezbędne przy pierwszym wczytaniu strony, może znacznie przełożyć się na nasz wynik. Dobrym przykładem jest Google tag manager – narzędzie służące do śledzenia jakie czynności wykonuje gość na naszym sklepie. Załadowanie takiego skryptu możemy wywołać dopiero po pierwszej interakcji użytkownika na stronie – kliknięciu, przewinięciu paska czy wciśnięciu klawisza.

Obrazy znajdujące się poza ekranem w momencie pierwszego załadowania strony, lub takie, które pojawiają się po interakcji użytkownika (np. scroll, kliknięcie), nie powinny być od razu wczytywane. Można opóźnić ich ładowanie za pomocą lazy-loading. Google Lighthouse ułatwia nam znalezienie tych elementów, podając ich listę.