Wolna strona: co sprawdzić oprócz wyniku PageSpeed

Wynik liczbowy to nie diagnoza. Strona może mieć przeciętny wynik i być całkowicie użyteczna, a może mieć wysoki wynik i pozostawać wolna dokładnie w momencie, który się liczy: gdy ktoś otwiera kartę produktu z telefonu, poza domem, przy niepewnym zasięgu. Żeby wiedzieć, czy wolne działanie naprawdę przeszkadza odwiedzającym, trzeba patrzeć na strony, z których oni korzystają, na urządzeniach, których oni używają.

Przydatne pytanie brzmi nie „ile mamy punktów”, lecz „gdzie i kiedy ludzie czekają, i na co właściwie czekają”.

Dwa różne pomiary: test symulowany i rzeczywiste doświadczenie

Narzędzia robią dwie rzeczy, które często są mylone, a ta pomyłka prowadzi do pracy nad niewłaściwym problemem.

Oba pomiary używa się razem, w tej kolejności: rzeczywiste doświadczenie mówi, czy warto się tym zajmować, test symulowany mówi, od czego zacząć. Patrzenie tylko na ten drugi prowadzi do gonienia za wynikiem; patrzenie tylko na pierwszy nie mówi, czego dotknąć.

Co waży: obrazy, wideo, skrypty i komponenty zewnętrzne

W większości stron firmowych powolność nie wynika ze źle napisanego kodu, lecz z rzeczy dodawanych jedna po drugiej i nigdy nieusuwanych.

• Obrazy wgrane w rozmiarze oryginału i pomniejszane przez przeglądarkę: odwiedzający pobiera fotografię do druku, żeby zobaczyć ją wielkości znaczka pocztowego.
• Osadzone wideo, które zaczyna się pobierać zaraz po otwarciu strony, nawet jeśli nikt go nigdy nie odtworzy.
• Komponenty zewnętrzne: czat, informacja o zgodach, statystyki, mapy, panele z opiniami. Każdy z osobna wydaje się lekki, a razem decydują, kiedy strona staje się użyteczna.
• Czcionki: jeśli tekst czeka na czcionkę, żeby się pojawić, ogląda się pustą stronę, choć treść już dotarła.
• Funkcje zainstalowane na potrzebę, która minęła, i nigdy nieusunięte, które nadal ładują się na wszystkich stronach.

Ćwiczenie dostępne dla każdego: otworzyć stronę i sporządzić listę wszystkiego, co nie jest Państwa treścią. Przy każdej pozycji zapytać, kto tego chciał i co się stanie, jeśli się to usunie. Często odpowiedź brzmi: nikt tego nie zauważy.

Trzy momenty do obserwacji, nie jeden

„Wolno” opisuje różne doświadczenia, które poprawia się na różne sposoby.

1. Otwarcie: ile czasu mija, zanim pojawi się główna treść, ta, po którą się przyszło. Nie pierwszy piksel, nie menu: treść.
2. Reakcja: gdy dotyka się przycisku albo otwiera menu, ile czasu mija, zanim coś się dzieje. Strona, która pojawia się od razu, ale nie reaguje, sprawia wrażenie zepsutej, nie wolnej.
3. Stabilność: o ile treść się przesuwa, zanim skończy się ładować. To właśnie ludzie opisują jako „strona skacze”: chce się dotknąć jednej pozycji, a pod palcem ląduje inna.

Trzeci punkt jest najbardziej pomijany i często najbardziej irytujący, bo nie zabiera czasu: powoduje błędy.

Rejestr wydajności dla trzech stron

Pomiar ma sens tylko wtedy, gdy jest powtarzalny. Wybiera się trzy strony reprezentujące różne przypadki użycia, deklaruje się warunki i zapisuje wynik przed i po każdym działaniu, z datą. Zmiana warunków między dwoma pomiarami czyni porównanie bezużytecznym.

Przy każdym wierszu zapisuje się zmierzoną wartość i datę. Liczb nie porównuje się z liczbami innych stron, lecz z Państwa własnymi z poprzedniego razu: to jedyne porównanie, które mówi, czy działanie pomogło.

Priorytety: najpierw usunąć, potem odłożyć, potem zmniejszyć

1. Usunąć to, co nie jest już potrzebne. Kosztuje mało i nie niesie ryzyka.
2. Odłożyć to, co jest potrzebne, ale nie od razu: komponent, który ładuje się, gdy ktoś z niego korzysta, nie obciąża otwarcia.
3. Zmniejszyć wagę tego, co zostaje, zaczynając od obrazów, które niemal zawsze stanowią największą część.
4. Zmienić sposób, w jaki strona jest zbudowana. To ostatni punkt, bo jedyny wymagający projektu, a pierwsze trzy dały już większość wyniku.

Kiedy wolne działanie nie jest problemem do rozwiązania

• Jeśli spowolnienie występuje tylko w Państwa biurze, podejrzenie pada na wewnętrzną sieć lub połączenie zabezpieczone, nie na stronę.
• Jeśli czas ucieka, zanim przeglądarka cokolwiek otrzyma, problem tkwi w serwerze lub w funkcji przygotowującej stronę: katalogu z ciężkim wyszukiwaniem nie rozwiąże się kompresją obrazów.
• Jeśli wolna strona to taka, którą odwiedza niemal nikt, działanie jest prawdziwe, ale bezużyteczne.
• Jeśli oczekiwanie wynika z czegoś, co rzeczywiście pracuje, na przykład obliczenia albo konfiguratora, pracuje się nad samym oczekiwaniem: informuje się, że coś się dzieje i na jakim jest etapie.

Czego nie obejmuje ten przewodnik

Tu mowa o technicznym doświadczeniu: co utrudnia korzystanie ze strony i jak to zmierzyć w sposób powtarzalny. Nie obiecujemy, że lepszy wynik przyniesie wyższą pozycję czy więcej kontaktów, bo tak to nie działa. Pełna lista kontroli do wykonania przed publikacją nowej strony to osobny temat, podobnie jak diagnoza braku napływających zapytań.