Metryki wydajności strony internetowej

Metryki wydajności strony internetowej
Jeśli używacie narzędzia PageSpeed Insights do weryfikacji wydajności swojej witryny internetowej, zapewne zastanawiacie się, co kryje się za sześcioma najważniejszymi metrykami, które są tam pokazywane.

W tym artykule przedstawimy metryki wydajności oprogramowania w relacji do innych aspektów jakościowych, jak np. UX czy użyteczność oraz w odniesieniu do wskaźników biznesowych, jak np. SEO. Zaczniemy od przedstawienia tych metryk, a później pokażemy, jakie mają one przełożenie na doświadczenie naszych użytkowników ze stroną internetową. 
 
Istnieje kilka rodzajów danych, które zbieramy i przetwarzamy, aby analizować wydajność stron:

  • prędkość ładowania - jak szybko strona może wczytać się i wyrenderować na ekranie wszystkie swoje elementy wizualne?
  • responsywność - jak szybko strona może wczytywać i wykonywać kod JavaScript niezbędny do szybkiego reagowania przez komponenty na interakcję użytkownika?
  • reagowanie w czasie użycia - jak szybko po załadowaniu strony strona może reagować na interakcję użytkownika?
  • stabilność wizualna - czy elementy na stronie przesuwają się w sposób, którego nie spodziewają się użytkownicy, co może zakłócać ich interakcje?
  • płynność - czy przejścia i animacje renderują się ze stałą liczbą klatek i płynnie przechodzą z jednego stanu do drugiego?

Biorąc pod uwagę wszystkie te rodzaje danych o wydajności, można by się spodziewać, że żaden pojedynczy wskaźnik nie wystarcza do uchwycenia wszystkich parametrów wydajności strony. Dlatego też web.dev, który uchodzi za standard w tym obszarze, promuje określony zbiór metryk, o których za chwilę. 

testerzy+
Pełną treść artykułu oraz więcej materiałów dla testerów znajdziesz na platformie testerzy+
Źródła:
https://web.dev/articles/lcp
https://web.dev/articles/fcp
https://web.dev/articles/inp
https://web.dev/articles/fid
https://web.dev/articles/cls
https://web.dev/articles/ttfb
https://web.dev/articles/rendering-on-the-web?hl=pl
https://web.dev/articles/user-centric-performance-metrics?hl=pl
https://web.dev/articles/tbt

To powinno Cię zainteresować