Publication
Análise e otimização de uma aplicação web
| dc.contributor.advisor | Sousa, Paulo Manuel Baltarejo de | |
| dc.contributor.author | Ribeiro , João Filipe da Silva | |
| dc.date.accessioned | 2020-03-18T15:32:50Z | |
| dc.date.available | 2020-11-22T01:30:24Z | |
| dc.date.issued | 2019 | |
| dc.description.abstract | 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. | pt_PT |
| dc.description.abstract | Nowadays, when looking for a product or information society wants to find it in the shortest possible time. With this premise, a web application needs to have its performance optimized to satisfy all of its customers, even the most impatient ones. Failure to do so risks losing them, reducing their market share. Thus, every second counts in the online commerce industry. In the context of the problem, currently developed applications tend to add value as quickly as possible, initially neglecting the way code is done, or how it should be thought so that it is prepared to receive new functionality without major concerns. Moreover, even when thinking about web page performance, they tend to worry only about the first impression, not emphasizing the performance of the created components that the user will interact within the following moments. In order to be able to have a web application with an optimized performance, two prototypes were developed in order to apply different methodologies and practices to its components. These practices were derived from an in-depth study of React as well as the JavaScript language in general. In order to conclude which best practices to apply, time and memory measurements were taken, in order to make comparisons between the various cases. With this, it was realized the importance of using the shouldComponentUpdate function, as well as list virtualization and cache memoization. | pt_PT |
| dc.identifier.tid | 202343014 | pt_PT |
| dc.identifier.uri | http://hdl.handle.net/10400.22/15612 | |
| dc.language.iso | por | pt_PT |
| dc.subject | E-commerce | pt_PT |
| dc.subject | React | pt_PT |
| dc.subject | Virtualização | pt_PT |
| dc.subject | Cache | pt_PT |
| dc.subject | Ciclo de vida | pt_PT |
| dc.subject | Virtualization | pt_PT |
| dc.subject | Lifecycle | pt_PT |
| dc.title | Análise e otimização de uma aplicação web | pt_PT |
| dc.type | master thesis | |
| dspace.entity.type | Publication | |
| rcaap.rights | openAccess | pt_PT |
| rcaap.type | masterThesis | pt_PT |
| thesis.degree.name | Mestrado em Engenharia Informática - Engenharia de Software | pt_PT |