Quando falamos sobre performance, o próprio termo pode parecer um pouco subjetivo, não é? O que é bom desempenho? O que é má performance? Existe uma maneira padrão de medir desempenho ou isso depende completamente das preferências pessoais e percepção do usuário? Vamos ver. Podemos classificar o desempenho de um site em duas categorias diferentes: desempenho percebido e desempenho real. O desempenho percebido é como os usuários percebem o desempenho de um website. É assim que eles avaliam em termos de responsividade e confiabilidade. Esta é uma medida subjetiva, então é difícil quantificá-la, mas é muito importante, já que a experiência do usuário determina o sucesso ou fracasso de um site. Em contraste, o desempenho real é o desempenho objetivo e mensurável do website. É medido usando métricas como tempo de carregamento da página, tempo de resposta do servidor e tempo de renderização. Essas medições são influenciadas por múltiplos fatores relacionados à rede e ao próprio código. Mesmo um site com desempenho percebido excelente pode ser otimizado ainda mais para uma experiência do usuário ainda melhor. Existem várias técnicas para melhorar a performance percebida. Reduzir o tempo inicial de carregamento ao máximo carregando recursos não essenciais em segundo plano é essencial. Essa técnica é conhecida como "lazy loading." Essa primeira impressão pode determinar o que os usuários vão pensar sobre o seu site. O lazy loading também impactará a performance real do seu site. Ao usar esta técnica, você pode reduzir a quantidade de conteúdo que precisa ser carregada inicialmente, então a página carregará mais rápido, o que é uma métrica real de desempenho. Também é muito importante fornecer respostas rápidas e feedback às interações do usuário. Por exemplo, mostrar um indicador de carregamento para um processo de longa duração assim que o usuário clicar em um elemento pode ajudar o usuário a se sentir conectado e envolvido com o processo, fazendo o tempo de espera parecer mais curto - ou pelo menos eles se sentirão mais envolvidos. Manter os usuários ativamente engajados com o seu website é muito importante para melhorar a percepção do tempo deles. Exibir o texto assim que ele chega é útil para manter os usuários engajados desde o início, mesmo que outros recursos, como imagens, ainda não tenham sido carregados. Se um usuário estiver aguardando a conclusão de uma tarefa de longa duração, mantenha-o informado sobre o progresso e atualize-o regularmente. Outra dica é evitar o reflow de conteúdo e o salto de conteúdo. Por exemplo, quando anúncios ou imagens estão sendo carregados, o site pode pular ou se reajustar para abrir espaço para esses novos recursos se eles ainda não tiverem um espaço no layout. Essas mudanças repentinas podem resultar em uma má experiência do usuário porque os usuários podem sentir que o site ainda está carregando. Para evitar isso, planeje com antecedência e reserve espaço para esses elementos desde o início. Se o seu site tiver fontes personalizadas, você também deve tentar minimizar os atrasos no carregamento da fonte, já que isso pode resultar em cintilação ou na exibição da fonte de fallback enquanto a fonte personalizada está sendo carregada. Uma sugestão para isso é usar uma fonte fallback que seja semelhante à fonte customizada, assim, caso isso aconteça, a mudança será muito mais sutil. Além disso, certifique-se de que os elementos da interface estejam ativos. O usuário deve ser capaz de interagir com eles com atraso mínimo. Vamos aprofundar essas técnicas nas próximas aulas. Embora o desempenho real seja importante, o desempenho percebido pode ter um impacto tremendo na experiência do usuário. Ao otimizar para ambos, você pode criar sites que são e parecem mais rápidos, criando uma experiência do usuário fluida e envolvente.