A velocidade da sua loja como um diferencial competitivo

457 visualizações

Publicada em

Como avaliar através de métricas a performance do desenvolvimento de uma
loja virtual. Objetivo principal é fornecer ferramentas para saber identificar
quem é o responsável pela lentidão da loja virtual : A agência, a empresa de
plataforma ou o host.

Publicada em: Tecnologia
0 comentários
0 gostaram
Estatísticas
Notas
  • Seja o primeiro a comentar

  • Seja a primeira pessoa a gostar disto

Sem downloads
Visualizações
Visualizações totais
457
No SlideShare
0
A partir de incorporações
0
Número de incorporações
2
Ações
Compartilhamentos
0
Downloads
7
Comentários
0
Gostaram
0
Incorporações 0
Nenhuma incorporação

Nenhuma nota no slide

A velocidade da sua loja como um diferencial competitivo

  1. 1. A velocidade da sua loja como diferencial competitivo :10 dicas1. A experiência do usuário2. Como funciona seu cérebro?3. Como funciona seu Browser?4. Métricas para avaliação de velocidade.5. Quem é o Culpado?6. Velocidade como oportunidade7. Ferramenta: Pingdon8. Ferramenta: Speedtools9. Ferramenta: Webpagetools10. Otimização para Imagens, JS e CSS
  2. 2. A experiência do usuário47% dos internautas nãoirão esperar mais do que três segundos para o carregamento de um site, em 2006 o tempo era de quatro segundos.
  3. 3. A experiência do usuário Compradores se tornam desatentos em sites lentos,14% mudam de loja e 23% desistem da compra
  4. 4. A experiência do usuário A cada ano a velocidade da WEB aumenta e os sites carregam mais rápido?
  5. 5. A experiência do usuário Não! A cada ano a velocidade da WEB aumenta e os sites carregam mais rápido?Em geral as lojas ficaram mais lentas.
  6. 6. A experiência do usuárioEstudo com os 2000 top Retail sites USA A cada ano a velocidade da WEB aumenta e os sites 2011 -> 5.94sec carregam mais>> 7.14sec TOP 100 rápido?2012 -> 6.50sec TOP 100 >> 100 files As stores estão 9% mais lentos do que em 2011
  7. 7. Como funciona seu cérebro?
  8. 8. Como funciona seu cérebro? 1. Como funciona seu cérebro
  9. 9. Como funciona seu Browser?
  10. 10. Métricas para avaliação de velocidade.Velocidade de carregamento da loja no browser •tempo que demora do momento que seu cliente clica em um link ou digita o endereço do seu site no browser e este faz a solicitação no servidor para o envio dos arquivos do site • Assim que o browser começa receber os arquivos ele organiza visualmente os códigos no formato da interface que o cliente utiliza para navegar na sua loja.
  11. 11. Métricas para avaliação de velocidade.Quantidade de arquivos enviados para browser do seu cliente Quando o browser monta a interface da sua loja para o cliente, o html para renderizar o site na tela envia arquivos de imagens( Gif, PNG e JPG), java script / Jquery e CSS para o computador de onde se esta acessando a loja. Quanto maior números de arquivos enviados para o cliente mais tempo a sua loja levará para carregar.
  12. 12. Métricas para avaliação de velocidade.- Quantidade em bytes dos arquivos da sua loja Soma total em bytes dos arquivos incluindo Html, imagens, css, javascript/jquery, Flash e etc
  13. 13. Métricas para avaliação de velocidade.Menos arquivos: Menos bytes:Sprites MinifyJS e CSSCSS único Compactação deJS único imagens
  14. 14. Velocidade como oportunidadeUse as métricas para cobrar:SuaequipeSuaAgênciaSuaPlataforma de EcommerceSeu Host
  15. 15. Velocidade como oportunidade
  16. 16. Velocidade como oportunidade Qual a oportunidade?
  17. 17. 04>Ferramentas: GOOGLE PAGE SPEED
  18. 18. 04>Ferramentas: PingDOM.com
  19. 19. 04>Ferramentas: PingDOM.com
  20. 20. 04>Ferramentas: Webpage.org Cameras de segurança X Walamart Staples USA X Staples Br
  21. 21. Otimização para Imagens, JS e CSSOtimizeotamanho das suasimagens, reduzasempreque for possívelemkbytesos banners daloja.Casoestejausandopngs, apliquenelesferramentascomocompactadores,assimépossívelreduzirotamanhoematé 70% destesarquivos.Um pontoimportanteé a utilização de SPRITES,elespodemparecertrabalhososparaosdesenvolvedoresnahoradacriaçãooumanuntençãodasualoja. Masao se trabalhar com sprites éreduizidoemmuitoonúmero de requisição dearquivosaoservidor, fatorimportante de sucessonareduçãodaquantidade de requisição dearquivos.
  22. 22. Otimização para Imagens, JS e CSSJquery, CSS e HTML –Apósodesenvolvimentodacodificaçãodestesarquivosépossivelreduzirseutamanhoematé 40%,como? Simplesmenteaplicandonelesaquivosquechamadosminificadores,elesretiramespaçosembrancoecódigosquenãosãonecessários.Agora sobrequantidade de arquivos, menosserásempremais. Então nodesenvolvimentodasualojaapontecomo meta paraofornecedor de plataformaestaseu prerequisito, eassimeledeveráconstruir um únicoarquivo CSS contendotodososestilos do site.Solicitetambémquequando for necessário a utilização deJqueryouJavascriptsqueestessejamagrupadosem umúnicoarquivoequesejamescolhidasbilbliotesJqueryjácompactadas.

×