Slide 1

Slide 1 text

Análise de Performance e Qualidade Portal Estabelecimentos Gabriel Zigolis

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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.

Slide 4

Slide 4 text

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).

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

Tabela de Arquivos (Requests)

Slide 7

Slide 7 text

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.

Slide 8

Slide 8 text

No content

Slide 9

Slide 9 text

Melhorias Legado

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Código Novo (Progressive Enhancement / 3 Camadas)

Slide 12

Slide 12 text

Performance (Tamanho / Peso - Código Legado)

Slide 13

Slide 13 text

Performance (Tamanho / Peso - Código Novo)

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

No content