a velocidade da sua loja como um diferencial competitivo
DESCRIPTION
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.TRANSCRIPT
![Page 1: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/1.jpg)
![Page 2: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/2.jpg)
![Page 3: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/3.jpg)
![Page 4: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/4.jpg)
![Page 5: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/5.jpg)
![Page 6: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/6.jpg)
A velocidade da sua loja como diferencial competitivo :10 dicas
1. 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: Ping don 8. Ferramenta: Speedtools9. Ferramenta: Webpagetools10. Otimização para Imagens, JS e CSS
![Page 7: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/7.jpg)
A experiência do usuário
47% dos internautas não irão esperar mais do que
três segundos para o carregamento de um site, em 2006 o tempo era de quatro segundos.
![Page 8: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/8.jpg)
A experiência do usuário
Compradores se tornam desatentos em sites lentos,
14% mudam de loja e 23% desistem da compra
![Page 9: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/9.jpg)
A experiência do usuário
A cada ano a velocidade da
WEB aumenta e os sites carregam
mais rápido?
![Page 10: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/10.jpg)
A experiência do usuário
A cada ano a velocidade da WEB aumenta e os sites carregam mais rápido?
Em geral as lojas ficaram mais lentas.
Não!
![Page 11: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/11.jpg)
A experiência do usuário
A cada ano a velocidade da WEB aumenta e os sites carregam mais rápido?
Estudo com os 2000 top Retail sites USA
2011 -> 5.94sec
2012 -> 6.50secTOP 100 >> 7.14sec
TOP 100 >> 100 files
As stores estão
9% mais lentos do que em 2011
![Page 12: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/12.jpg)
Como funciona seu cérebro?
![Page 13: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/13.jpg)
1. Como funciona seu cérebro
Como funciona seu cérebro?
![Page 14: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/14.jpg)
Como funciona seu Browser?
![Page 15: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/15.jpg)
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.
![Page 16: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/16.jpg)
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.
![Page 17: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/17.jpg)
Métricas para avaliação de velocidade.
- Quantidade em bytes dos arquivos da sua lojaSoma total em bytes dos arquivos incluindo Html, imagens, css, javascript/jquery, Flash e etc
![Page 18: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/18.jpg)
Métricas para avaliação de velocidade.
Menos arquivos:SpritesCSS únicoJS único
Menos bytes:MinifyJS e CSS
Compactação de imagens
![Page 19: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/19.jpg)
Velocidade como oportunidade
Use as métricas para cobrar:Sua equipeSua AgênciaSua Plataforma de EcommerceSeu Host
![Page 20: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/20.jpg)
Velocidade como oportunidade
![Page 21: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/21.jpg)
Velocidade como oportunidade
Qual a oportunidade?
![Page 22: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/22.jpg)
04>Ferramentas: GOOGLE PAGE SPEED
![Page 23: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/23.jpg)
04>Ferramentas: PingDOM.com
![Page 24: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/24.jpg)
04>Ferramentas: PingDOM.com
![Page 25: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/25.jpg)
04>Ferramentas: Webpage.org
Staples USA X Staples Br
Cameras de segurança X Walamart
![Page 26: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/26.jpg)
Otimização para Imagens, JS e CSS
Otimize o tamanho das suas imagens, reduza sempre que for possível em kbytes os banners da loja. Caso esteja usando pngs, aplique neles ferramentas como compactadores, assim é possível reduzir o tamanho em até 70% destes arquivos.
Um ponto importante é a utilização de SPRITES, eles podem parecer trabalhosos para os desenvolvedores na hora da criação ou manuntenção da sua loja. Mas ao se trabalhar com sprites é reduizido em muito o número de requisição de arquivos ao servidor, fator importante de sucesso na redução da quantidade de requisição de arquivos.
![Page 27: A velocidade da sua loja como um diferencial competitivo](https://reader034.vdocuments.net/reader034/viewer/2022051818/5496990cac7959132e8b518b/html5/thumbnails/27.jpg)
Otimização para Imagens, JS e CSS
Jquery, CSS e HTML – Após o desenvolvimento da codificação destes arquivos é possivel reduzir seu tamanho em até 40%, como? Simplesmente aplicando neles aquivos que chamados minificadores, eles retiram espaços em branco e códigos que não são necessários.
Agora sobre quantidade de arquivos, menos será sempre mais. Então no desenvolvimento da sua loja aponte como meta para o fornecedor de plataforma esta seu pre requisito, e assim ele deverá construir um único arquivo CSS contendo todos os estilos do site. Solicite também que quando for necessário a utilização de Jquery ou Javascripts que estes sejam agrupados em um único arquivo e que sejam escolhidas bilbliotes Jquery já compactadas.