Métricas de Desempenho Web e o Papel Vital do Google Page Speed

Métricas de desempenho web centradas no usuário – a ferramenta Google Page Speed. Todos querem um bom desempenho em seus sites, lojas, landings de lançamento e etc, a verdade é que o desempenho varia.

Um site pode ser rápido para um usuário, mas lento para outro, dois sites podem carregar igualmente rápido, mas um pode parecer mais rápido ao exibir conteúdo progressivamente; e um site pode aparentar carregar rápido, mas ser lento para interagir.

Desde sempre o desempenho vem sendo medido pelo carregamento (ou “load”) de uma página, ainda não sejam importantes para alguns usuários.

Existem 4 principais caminhos a serem analisados pensando em desempenho, as quais derivam em diversas outras métricas. Esses caminhos são:

1. O servidor respondeu e a navegação foi iniciada com sucesso?
2. O conteúdo renderizado é suficiente para os usuários poderem interagir com ele?
3. A página está disponível para interação dos usuários ou está ocupada?
4. As interações fluem de maneira suave e natural, sem atrasos ou interrupções?

Para conhecer efetivamente o desempenho do seu site para os usuários, é preciso medir como eles o carregam e interagem. Isso é chamado de Monitoramento de Usuário Real, ou Real User Monitoring (RUM).

Tais medições das métricas devem ser realizadas em dois ambientes: “em laboratório”, ou em ambiente de homologação, e “no campo”, ou em ambiente de produção. E ainda que se conduzam muitos testes em ambiente de homologação, no campo o cenário muda, e a realidade difere para os mais diversos tipos de usuários.

Existem várias métricas que podem ser usadas para avaliar o desempenho de um site. Algumas delas incluem:

– Velocidade de carregamento percebida: tempo que uma página leva para carregar e exibir todos os seus elementos visuais na tela.
– Responsividade de carga: tempo que uma página leva para carregar e executar qualquer código JavaScript necessário para os componentes responderem rapidamente às interações do usuário.
– Responsividade do tempo de execução: tempo que uma página leva para responder às interações do usuário após carregada.
– Estabilidade visual: avalia se os elementos na página mudam de maneiras que os usuários não esperam e potencialmente interferem em suas interações.
– Suavidade: avalia se as transições e animações são renderizadas consistentemente, fluindo suavemente de um estado para outro.

Por fim, preocupem-se desde a experiência do carregamento de seus sites. Nas transições, em quão agradável são, o carregamento de conteúdos de forma mais estruturada sem tantas percepções de “quebras”. Em como podemos exibir conteúdos úteis e usuais para os usuários continuarem em busca da conclusão de seus objetivos nas suas plataformas em que navegam.

Fonte: https://lnkd.in/evGx5in7 (autor: @philwalton)
Google Page Speed: https://pagespeed.web.dev/