Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Workshop / Benchmarking Performance por Gabriel Zigolis

Workshop / Benchmarking Performance por Gabriel Zigolis

Workshop / Benchmarking sobre performance para a equipe da Embratec GoodCard por Gabriel Zigolis

Gabriel Zigolis

March 15, 2012
Tweet

More Decks by Gabriel Zigolis

Other Decks in Technology

Transcript

  1. Análise de Performance e Qualidade Portal Estabelecimentos Gabriel Zigolis

  2. Estatísticas (Google Analytics) • 3.500 Acessos Diários • 70.000 Acessos

    Mensais • 90.000 Visualizações de página • 00:02:30 Tempo médio no site • Aproximadamente 500 Objetos Média de acesso realizada entre os meses de Janeiro a Abril de 2011
  3. Código Legado • O código do sistema é antigo e

    não passou por muitas atualizações, gerando maior complexidade para manutenção e reutizalação dos objetos, funções ou componentes. • Mesmo sendo um sistema de menor escala, possui uma quantidade significativa de acessos, gerando um grande impacto nos servidores com tráfego de dados. • Se torna necessário mais tempo para desenvolvimento e gera um maior tráfego, ou seja: Maior Custo.
  4. Pontos Críticos • Layout baseado em frames (3 no mínimo).

    • Requests do mesmo arquivo em frames diferentes. • Requests de arquivos não utilizados. • Arquivos CSS e Javascript fora do modelo minified. • Imagens sem otimização (até 120kb). • Páginas com até 178 Requests. • Páginas com peso total de até 3MB (após cache 299kb).
  5. None
  6. Tabela de Arquivos (Requests)

  7. Pontos Críticos • Menu “CROSS FRAME” • Blocos de Javascript

    dentro do html. • Layout em tabela com atributos html. • Usabilidade e navegabilidade do sistema limitada, baseada em popups e alertas, em muitas vezes removendo o usuário da tela para exibir apenas um erro. • Ex: Período de consulta superior a 90 dias.
  8. None
  9. Melhorias Legado

  10. Código Legado (HTML, CSS e JS no mesmo arquivo)

  11. Código Novo (Progressive Enhancement / 3 Camadas)

  12. Performance (Tamanho / Peso - Código Legado)

  13. Performance (Tamanho / Peso - Código Novo)

  14. Resultado • Redução de 80% no tamanho do objeto. •

    Redução no tempo de desenvolvimento. • Redução de requests. • Redução do tráfego de dados. • Reutilização de componentes. • Desenvolvimento baseado em 3 camadas. • Modularização de arquivos. • Arquivos mais leves para acesso com melhor Performance. Mais Qualidade e Produtividade com Menos Custo
  15. Resultado (Comparativo Legado x Novo Modelo) • Redução de 80,24%

    no tamanho do objeto. • Redução de mais de 4GB de transferência por mês. • Redução de mais de 53GB de transferência por ano. • Em apenas UM ARQUIVO (LOGIN.CFM) Login.cfm Tamanho Tráfego Diário Tráfego Mensal Tráfego Anual Legado 68.8 KB 246.67 MB 5.42 GB 65.04 GB Novo 13.6 KB 46.48 MB 1022.56 MB 11.98 GB 3.500 Acessos diários Google Analytics
  16. None