Jak utrzymać szybkość?

Krzysiek Antek
Chris Anstey
Bojan Pavic
Bojan Pavic

Marki, które optymalizują szybkość, często notują szybkie spadki. Wynika to z faktu, że skuteczność strony jest bardzo podobna do dbania o formę: nie wystarczy jednorazowo się starać, trzeba zmienić styl życia.

Jednym ze sposobów na rozwiązanie tego problemu są budżety skuteczności. Budżet wydajności to zestaw limitów dotyczących danych, które mają wpływ na wydajność witryny. Jego koncepcja jest podobna do budżetu finansowego: ustalasz limit i pilnujesz, by się w niego trzymać. Ogólnie dobry budżet wydajności łączy różne typy danych, więc na przykład budżet wydajności strony produktu może wyglądać tak:

Czas do pełnej interakcji przy wolnym połączeniu 3G To mniej niż 5 sekund
Pierwsze wyrenderowanie treści przy wolnym połączeniu 3G To mniej niż 2 sekundy
Wynik wydajności w Lighthouse To więcej niż 80
Łączny rozmiar kodu JavaScript To mniej niż 170 KB
Przykładowy budżet skuteczności

Po ustawieniu budżetu wydajności trzeba go egzekwować, co oznacza na przykład włączenie go do procesu tworzenia i raportowania. Narzędzia takie jak Lighthouse możesz uwzględnić w ramach ciągłej integracji, a teraz możesz pisać testy, które zakończą się niepowodzeniem, jeśli kluczowe dane spadną poniżej określonego progu. Dodatkowo regularne raporty w panelach informacyjnych lub w raportach podsumowujących mogą pomóc zwiększyć widoczność i rozliczalność. Pinterest to jeden z przykładów firm, które wdrożyły budżety wydajności, aby zadbać o szybkość działania stron. Z kolei marki takie jak Experian używają teraz szybkości witryny jako kluczowego wskaźnika w miesięcznych raportach KPI.

Więcej informacji o budżetach skuteczności znajdziesz tutaj. Przewodnik, który wyjaśnia, jak zaszczepić kulturę wydajności i umożliwić zbieranie danych o szybkości dla wszystkich zainteresowanych osób, można znaleźć tutaj.