|
Acadêmico(a): Diego Leonardo Urban |
Título: Resource Optimizer API: otimização de recursos de páginas web |
|
Conclusão: |
Este trabalho apresentou o desenvolvimento de uma API e uma ferramenta web que efetua a minificação de arquivos CSS, HTML e JavaScript e a otimização de imagens PNG e JPEG. Para o desenvolvimento da API foi utilizada a ferramenta Atom, a linguagem JavaScript e o interpretador Node.js em conjunto com o framework Express. Entre os módulos utilizados na API destacam-se o Crass, HTMLMinifier, Babel-Minify e o imagemin. Já o desenvolvimento da ferramenta web, conta com as mesmas ferramentas utilizadas na API em conjunto com módulos disponibilizados pelo NPM. A ferramenta web se comunica com a API por meio do protocolo HTTP. Os resultados obtidos pelos testes de compactação dos módulos utilizados na API foram bons, apresentando valores aceitáveis para otimização de imagens PNG e JPEG e valores acima da média para arquivos HTML, CSS e JavaScript. Os impactos no tempo de carregamento da página também foram bons, obtendo uma redução média de 30,49% na quantidade de dados transferidos, 27,68% no tempo de carregamento do DOM e 24,07% no tempo de carregamento de uma página pessoal. Entretanto, os resultados da minificação de arquivos CSS apresentaram diferenças visuais. O trabalho teve como objetivo principal o desenvolvimento de uma API capaz de minificar e otimizar recursos de uma página web. Pode-se afirmar que o objetivo foi alcançado, pois a API fornece suporte para a ferramenta web desenvolvida neste trabalho, bem como para outras ferramentas demonstradas. Foram apresentados quais módulos ofereceram melhores resultados de compactação e verificado a eficiência da API por meio de comparações com os trabalhos relacionados. Destacam-se como limitação o algoritmo de configuração da qualidade de imagens por apresentar menor economia de kB e a possibilidade da página poder utilizar recursos externos, o que causa menor redução nos dados trafegados e tempo de carregamento. Além disso, a eficiência da otimização dos recursos somente é percebida visualmente no final do processo, podendo obter diferenças de leiaute na versão otimizada da página. Por fim, este trabalho apresentou funcionalidades que podem servir como base para futuros trabalhos em áreas como algoritmos, processamento de imagens e performance computacional. |
|
|