Skip to content

rjmanzoni/frontend-nanodegree-mobile-portfolio

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

45 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Website Performance Optimization

Como subir o projeto utilizando python e ngrok

  1. Rodar o python para servir o conteudo:
$> cd /path/to/your-project-folder
$> python -m SimpleHTTPServer 8080
  1. Download e instale ngrok na raíz do projeto.
$> cd /path/to/your-project-folder
$> ./ngrok http 8080
  1. A url gerada pelo ngrok é publica e pode ser usada para medir o desempenho do site.

Otimizações realizadas no projeto para atingir niveis aceitaveis de performance:

1. index.html:

  • Mover o style.css para o index.html
  • Carregar o print.css somente quando para impressão adicionando media="print"
  • async adicionado para carregar assincronamente os js perfmatters.js e analytics.js
  • arquivo perfmatters.js minificado

2. pizza.html:

  • Mover o style.css para o pizza.html
  • Compressão e alteração no tamanho das imagens para cada screen e carregamento utilizando a tag picture
  • Em main.js o metodo updatePositions tem um loop que chamava document.body.scrollTop em cada interação e isso foi removido
  • Em main.js o metodo changePizzaSizes foi alterado removendo calculos desnecessários e chamadas que forçavam recalculate style

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 82.6%
  • CSS 10.0%
  • JavaScript 7.4%