O impacto da performance de front-end na experiência do usuário: análise técnica e recomendações para otimização

Abstract

Este trabalho investiga o impacto da performance do front-end na experiência do usuário em aplicações web, considerando o aumento da exigência por interfaces rápidas, responsivas e estáveis. A partir da definição do problema — como a otimização do front-end influencia a experiência de navegação — o estudo utiliza uma abordagem teórico-prática, com análise de métricas como Largest Contentful Paint (LCP), Interaction to Next Paint (INP) e Cumulative Layout Shift (CLS), aplicadas por meio das ferramentas Google Lighthouse e PageSpeed Insights. Foram selecionados quatro sites com diferentes níveis de otimização (G1, Netflix, Receita Federal e Web.dev), cujos dados técnicos revelaram diferenças significativas na eficiência de carregamento, estabilidade visual e responsividade. O site Web.dev, referência técnica, apresentou os melhores resultados, enquanto o G1 apresentou falhas relevantes de performance. Os dados analisados evidenciam que a aplicação de técnicas como minificação de arquivos, lazy loading, compressão de imagens, uso de cache e CDNs contribui significativamente para a redução do tempo de carregamento e melhoria da experiência do usuário. Os resultados confirmam que o desempenho técnico do front-end é um diferencial competitivo, com impacto direto na retenção, conversão e ranqueamento nos mecanismos de busca. O estudo conclui que práticas de otimização devem ser adotadas como parte essencial do desenvolvimento web moderno.

This paper investigates the impact of front-end performance on user experience in web applications, considering the growing demand for fast, responsive, and stable interfaces. Starting from the research question — how front-end optimization influences the browsing experience — the study applies a theoretical and practical approach, analyzing metrics such as Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS), through tools like Google Lighthouse and PageSpeed Insights. Four websites with different levels of optimization (G1, Netflix, Receita Federal, and Web.dev) were selected, and technical data revealed significant differences in loading efficiency, visual stability, and responsiveness. Web.dev, a technical reference, showed the best results, while G1 revealed notable performance deficiencies. The analysis demonstrates that techniques such as file minification, lazy loading, image compression, caching, and CDNs significantly improve loading times and user experience. The findings confirm that front-end performance is a competitive differentiator, directly impacting user retention, conversions, and search engine ranking. The study concludes that optimization practices should be an essential part of modern web development.