Análise e otimização de uma aplicação web

• Autor(a) principal: Ribeiro , João Filipe da Silva
• Data de Publicação: 2019
• Tipo de documento: Dissertação
• Idioma: por
• Título da fonte: Repositório Científico de Acesso Aberto de Portugal (Repositórios Cientìficos)
• Texto Completo: http://hdl.handle.net/10400.22/15612
• topic: E-commerce; React; Virtualização; Cache; Ciclo de vida; Virtualization; Lifecycle

Na atualidade, a sociedade quando procura uma informação ou produto pretende encontrá-los no menor espaço de tempo possível. Com esta premissa, uma aplicação web precisa de ter o seu desempenho otimizado para satisfazer todos os seus clientes, mesmo os mais impacientes. Caso não o faça, corre o risco de os perder, diminuindo a sua quota de mercado. Assim, todos os segundos contam na indústria do comércio online. No contexto do problema, as aplicações desenvolvidas atualmente tendem a acrescentar valor o mais rápido possível, descurando inicialmente a maneira como é realizado o código, ou como este deve ser pensado para que esteja preparado para receber novas funcionalidades sem grandes preocupações. Além disto, mesmo quando pensam em desempenho de uma página web tendem a preocupar-se apenas com a primeira impressão, não dando ênfase ao desempenho dos componentes criados com os quais o utilizador irá interagir nos momentos seguintes. De forma a que seja possível ter uma aplicação web com um desempenho otimizado, foram desenvolvidos dois protótipos com o objetivo de se aplicarem metodologias e práticas diferentes aos seus componentes. Estas práticas foram obtidas a partir de um estudo aprofundado sobre o React, bem como da linguagem JavaScript na sua generalidade. De forma a que se possa concluir quais as melhores práticas a aplicar, foram efetuadas medições em termos de tempo e de memória gastas, por forma a realizar comparações entre os vários casos. Assim, percebeu-se a importância do uso da função shouldComponentUpdate, bem como da virtualização de listas ou da memorização em cache.