Otimização completa e melhorias no site — [Case Keep Closer]

Recentemente fizemos uma trabalho em parceria com a equipe da UI Lab para melhorar a performance e teste de rapidez junto com a otimização completa da ferramenta Keep Closer, que avaliar e monitora o desempenho em relação aos concorrentes online. Confira!

O processo de otimização consiste basicamente em 3 etapas:

  1. Compressão das imagens: deixá-las o mais leve possível sem perder a qualidade;
  2. Lazy Load: técnica de carregamento das imagens conforme o usuário precisa, ou seja, ao descer a página;
  3. Image Blur: pré carregamento de uma imagem super comprimida antes da original a qual dá a sensação ao usuário de rapidez e inconscientemente o faz esperar um pouco mais a abertura do site.

Veja os passo a passo de como foi feita essa otimização:

Pontuação da performance

Antes: https://gtmetrix.com/reports/keepcloser.com.br/uVnxC35o
Depois: https://gtmetrix.com/reports/keepcloser.galata.com.br/3SYYghiX

Comparativo

https://gtmetrix.com/compare/uVnxC35o/7VM6f8ZA

Outros testes de performance

Antes: http://www.webpagetest.org/result/170626_X4_VF6/
Depois: http://www.webpagetest.org/result/170626_0Y_VBV/

Análise só de imagens

Antes: https://webspeedtest.cloudinary.com/results/170626_X4_VF6
Depois: https://webspeedtest.cloudinary.com/results/170626_0Y_VBV

Ferramentas utilizadas

http://whichloadsfaster.co/
https://gtmetrix.com/
https://www.webpagetest.org/
https://varvy.com/

Conclusão

Conseguimos melhorar 77% a performance inteira do site Keep Closer e trazer um tempo de carregamento de página de 4.2s.

A equipe Gálata tem a expertise de otimização de servidores, assim como trabalhos voltados para o Marketing Digital.

Quer bater um papo conosco? Envie um e-mail: contato@galata.com.br

Quer fazer uma mentoria com nosso desenvolvedor sobre esse tipo de otimização? Envie um e-mail: dev@galata.com.br