TEMPO DE CARREGAMENTO DE INTERFACES GRÁFICAS EM AMBIENTE WEB COM JAVASCRIPT E TYPESCRIPT: UMA ANÁLISE COMPARATIVA ENTRE REACT, VUE.JS E HTML-Reference-Cited by-同舟云学术

TEMPO DE CARREGAMENTO DE INTERFACES GRÁFICAS EM AMBIENTE WEB COM JAVASCRIPT E TYPESCRIPT: UMA ANÁLISE COMPARATIVA ENTRE REACT, VUE.JS E HTML

Published:2024-03-26 Issue:1 Volume:18 Page:e313
ISSN:1982-0666
Container-title:Revista Gestão e Conhecimento
language:
Short-container-title:RGC

Author:

Luz Thiago Dal Santo da,Sieben Jackson,Sequeira Jair José,Amaral Amoz Emanuel Moitinho

Abstract

A análise comparativa do tempo de carregamento e usabilidade de interfaces gráficas em ambientes web, utilizando JavaScript e TypeScript com as bibliotecas React, Vue.js e HTML puro, reflete a constante busca por eficiência e performance no desenvolvimento web, contemporâneo. Este artigo apresenta uma análise comparativa do tempo de carregamento e usabilidade de interfaces gráficas em ambiente web, utilizando JavaScript e TypeScript, com foco nas bibliotecas React, Vue.js e HTML puro. A metodologia envolveu a criação e otimização de páginas web, seguida de testes de desempenho utilizando a ferramenta Google Lighthouse. Os resultados revelaram melhorias significativas na pontuação de desempenho e usabilidade das páginas otimizadas em comparação com as não otimizadas, indicando uma melhoria geral na qualidade e eficiência das interfaces gráficas desenvolvidas, principalmente em páginas sem utilização de frameworks. Esses resultados destacam que a otimização de páginas web pode ter um grande impacto na usabilidade, por parte de seus usuários.

Publisher

South Florida Publishing LLC

Reference22 articles.

1. BOATENG, Dickson. How the Document Object Model Works in JavaScript – DOM Tutorial for Beginners. [S. l.]: FreeCodeCamp, 19 jan. 2023. Disponível em: https://www.freecodecamp.org/news/javascript-dom/. Acesso em: 16 jan. 2024.

2. DJIRDEH, H.; OSMANI, A.; BYNENS, M. Lazy loading de imagens em navegadores. 2020.

3. ERICSSON, T. Front-end website performance optimisation: Optimizing the front-end performance of Swedbank’s website. 2013.

4. GARSIEL, P. I. T. Como funcionam os navegadores. 2011.

5. GRIGORIK, Ilya. Render-tree Construction, Layout, and Paint. [S. l.]: web.dev, 31 mar. 2014.