Descubra como criar uma estratgia de acelerao de sites que deixe seu site mais rpido e aumente sua converso UAIZO A Uaizo ajuda a sua empresa a denir a es- tratgia ideal de acelerao para o seu site e possui a tecnologia Edgecast de distribuio de contedo. A Edgecast a soluo de distribuio de contedo mais rpida e convel do mundo. Contamos com um time de especialistas em infra estrutura que garantem que a implementao da melhor soluo, com suporte 24 horas por dia e 7 dias da semana. Clique aqui para falar conosco. 01 Introduo 06 Como o tempo de car- regamento pode afetar o seu negcio? .................................... 08 Como um site mais rpido pode me ajudar a alcanar um melhor posicionamento no Google? .................................... 09 O desao .................................... 10 Resumo do captulo 03 Como descobrir qual a melhor soluo para o seu site 26 Performance .................................... 27 Funcionalidades disponveis .................................... 28 Atendimento .................................... 29 Preo 04 Concluso 30 Resumo do contedo .................................... Acesse nosso blog
02 Ferramentas disponveis 12 O que CDN .................................... 13 Por dentro de uma pgina web .................................... 14 possvel diminuir o tempo de carrega- mento do contedo dinmico? .................................... 16 Para o desenvolvedor! .................................... 17 Sua pgina desenvol- vida pelo melhor pro- gramador do mundo .................................... 19 Para o desenvolvedor! .................................... 20 O caminho entre o usurio e o site .................................... 21 Porque aumentar a banda e o nmero de servidores no su- ciente? .................................... 23 Resumo do captulo NDICE Introduo 01 Esteja voc no banco, no trnsito ou at mesmo em momentos de lazer, como na la do cinema, a verdade que voc odeia esperar. O mesmo comportamento acon- tece quando navegamos na web. Um estudo realizado pela Forrester aponta que 47% dos visitantes esperam que uma pgina da web carregue em 2 segundos ou menos, e 40% abandonam o site se o tempo de carrega- mento demorar mais que 3 segundos. O mesmo estudo aponta que os consumidores associam o tempo de carregamento com a percepo de credibilidade e quali- dade da marca: 27% aponta que um site lento deixa-os mais propensos a visitar um concorrente. Tempo de carregamento ideal Demora de 3 segundos Sites lentos 2 segundos ou menos Abandono da pgina 27% visitam o concorrente Torne seu site mais rpido e venda mais 06 Introduo contato@uaizo.com Google Cada 500 milisegundos de lentido equivale a uma reduo de 20% na receita de anncios. Microsoft Bing Cada 2 segundos de lentido equivale a uma diminuio de 2,5% nas consultas e nos cliques em geral. Amazon Cada 100 milisegundos a mais para carregar uma pgina (1/10 de segundo) pode signicar 1% a menos em receita. Yahoo! Uma melhoria de 400 milisegundos no carregamento congura 9% de aumento de trfego. Os usurios esperam que os sites carreguem rpido, e isso voc j sabe. Mas o que talvez voc no saiba o impacto que um site lento pode ter no seu faturamento. Pesquisas apontam que cada segundo a mais de demo- ra para carregar uma pgina impacta em 10% a menos em converses.* Alguns dos maiores sites do mundo analisaram a rela- o signicativa entre tempo de carregamento dos sites e sua receita. Como o tempo de carregamento pode afetar o seu negcio? Sites so criados para envolver os usurios de alguma forma e convert-los em usurios ativos. Seja para divul- gar uma empresa, distribuir contedo, realizar cadastros em formulrios de contato, vender online ou qualquer outra forma de converso, seu site precisa ser rpido se deseja alcanar os objetivos do negcio. Torne seu site mais rpido e venda mais 06 Introduo contato@uaizo.com Todos esses nmeros nos apontam para o cenrio atual da web. Um cenrio onde no podemos mais culpar a internet discada pela lentido do site. O Brasil possui um ndice de 8,6 acessos por 100 habitantes, 67 lugar de penetrao da banda larga xa entre 177 pases**. Um cenrio onde existe tecnologia disponvel para ace- lerar o carregamento das pginas. E principalmente, um cenrio onde o tempo de carregamento de um site no algo abstrato que apenas prossionais especializados conseguem notar. Torne seu site mais rpido e venda mais 07 Introduo contato@uaizo.com *Fonte: Edgecast **Fonte: Relatrio das Naes Unidas Como um site mais rpido pode me ajudar a alcanar um melhor posicionamento no Google? Por meio de um algoritmo que envolve uma srie de fatores o Google classica os resultados de busca de acordo com a relevncia que a pgina ter para o usurio. Recentemente o Google anunciou que o tempo de carregamento um dos fatores avaliados para clas- sicar a relevncia dos sites. Nada mais natural tendo em mente que o Google tem como objetivo primordial a satisfao do usurio, e, como j apontado anteriormente, a experincia do usurio est ligada diretamente ao tempo de carrega- mento das pginas. Torne seu site mais rpido e venda mais 08 Introduo contato@uaizo.com O desafo Se o tempo de carregamento dos sites um ponto cru- cial no aumento da receita e, como falaremos ao longo desse ebook, existe tecnologia disponvel, provavel- mente a tendncia que os sites estejam cada vez mais rpidos no mesmo? Na realidade o que vem acon- tecendo o contrrio disso. Um estudo realizado pela Radware revelou que 22% dos sites de varejo caram mais lentos em 2012, demorando em mdia 7,25 segun- dos para carregar, enquanto em 2011 demoravam em mdia 5,94 segundos. A verdade que os usurios so exigentes quando se trata de tempo de carregamento dos sites, mas o nvel de exigncia no se esgota a. A expectativa tambm est em torno do nvel de interatividade do site, perso- nalizao, imagens em alta qualidade, vdeos em HD. E todos esses recursos aumentam drasticamente o tama- nho e a complexidade das pginas da web. www.siteanos90.com.br www.site2003.com.br website anos 90 website 2003 website 2013 www.site2013.com.br T Torne seu site mais rpido e venda mais 09 Introduo contato@uaizo.com A importncia de um rpido carregamento do site: Os usurios tem altas expectativas em relao ao tempo de carregamento dos sites Sites lentos so mal vistos pelos usurios Sites lentos convertem menos Sites lentos so mal vistos pelo Google Recursos como vdeos e imagens em alta qualidade tornam os sites mais pesados e difceis de serem carregados. Resumo do captulo 02 Ferramentas disponveis: o desafo em busca de soluo O que CDN CDN, ou Content Delivery Network, consiste em uma rede de distribuio de contedo, como o prprio nome j diz. Um sistema de servidores distribudos em pon- tos estratgicos ao redor do mundo, salvam uma cpia do contedo dos sites em cache. Desse modo, toda vez que uma pgina carregada a distncia que o contedo precisa viajar minimizada, e assim, o tempo de carre- gamento para o usurio nal otimizado. Vamos citar um exemplo. Suponhamos que um site que no possui CDN receba uma visita de um usurio de Florianpolis e seu servidor esteja localizado em Boston. Desse modo, o contedo precisa viajar a distncia de Boston a Florianpolis para responder a cada solicitao desse usurio. Se esse site tiver um CDN, os pedidos desse usurio sero encaminhados para o servidor mais prximo e rpido. Desse modo, o servidor iria disponibilizar o contedo do seu datacenter de So Paulo, por exemplo. Isso minimiza o tempo de carregamento e os possveis problemas de conexo. Podemos armar que CDNs so verdadeiras vias expressas que pegam um caminho melhor e mais rpido para fugir do trnsito da web. Por dentro de uma pgina web A maioria dos sites so constitudos por dois tipos de contedo: contedos estticos e dinmicos. Contedo esttico aquele que no alterado constantemente: imagem, ash, mdia, javascript, CSS,etc. J o contedo dinmico alterado constantemente, como feed de notcias, ou tambm onde h interaes dos visitantes, como fruns e carrinhos de compras de e-commerces. Em geral os sites so constituidos majoritariamente por contedo esttico, e o CDN torna possvel armazenar em cache esses contedos que no mudam e so solicita- dos com frequncia pelos usurios. Com isso se evita, por exemplo, que toda vez que algum usurio entrar em um e-commerce todas as imagens dos produtos pre- cisem ser carregadas, o que tornaria o site mais lento e sobrecarregaria os servidores. Torne seu site mais rpido e venda mais 13 Ferramentas disponveis: o desao em busca de soluo contato@uaizo.com possvel diminuir o tempo de carregamento do contedo dinmico? Como o contedo dinmico muda frequentemente ele no pode ser salvo em cache, consequentemente ele no ser acelerado pelo CDN, certo? Na realidade o con- tedo dinmico muda frequentemente, mas sua mudan- a pode ser previsvel. Podemos citar 3 tipos de html, que se caracterizam por diferentes tempos de mudanas das pginas. HTML que consiste em um contedo igual para todos os usurios e que se altera com pouca frequncia. A pgina de detalhes de um produto em e-commerces geralmente se altera com pouca frequncia e por isso possvel congurar um tempo de cache mais longo. HTML que consiste em um contedo igual para todos os usurios e que se altera com muita frequncia. Por exemplo, a home de um portal de notcias igual para todos os usurios mas precisa ser atualizada com frequncia, sempre que houver uma nova not- cia. Nesse caso necessrio congurar um tempo de cache mais curto, como por exemplo, de 2 minutos. HTML que consiste em um contedo especco para cada usurio. Um carrinho de compras em um e-commerce por exemplo diferente para cada usurio, e por isso, apesar de ser possvel, h pouco ganho em salvar esse tipo de contedo em cache. Torne seu site mais rpido e venda mais 14 Ferramentas disponveis: o desao em busca de soluo contato@uaizo.com Entendemos portanto, que por mais que um site so- fra alteraes constantes possvel salv-lo em cache programando a atualizao para 1 em 1 hora ou at de minuto a minuto. Se nesse 1 minuto 100 usurios carregarem o site ele precisar ser carregado apenas uma vez. Na primeira vez que um usurio entrar no site ele ser carregado e salvo em cache. Todos os demais usurios iro visualizar aquele contedo salvo, elimi- nando a necessidade de carregamento. Isso torna o site mais rpido para os usurios e economiza o gasto com link no servidor. Alm disso, nem todo o contedo da pgina dinmi- co. Provavelmente o logotipo da empresa, o rodap, o menu e outros elementos no mudam e tambm podem ser salvos em cache para assegurar um carregamento mais rpido da pgina. H alguns anos atrs no existiam CDNs que permitiam congurar o tempo de carregamento do cache, o que impedia que o contedo dinmico fosse acelerado. Alm disso, no era possvel escolher quais elementos da p- gina seriam salvos em cache, o que impossibilitava que os elementos estticos fossem salvos em pginas que continham contedo dinmico. Nem todas as empresas que comercializam CDN possuem essas ferramentas de personalizao, mas so elas que permitem que grande parte do contedo dinmico seja carregado muito mais rpido. Torne seu site mais rpido e venda mais 15 Ferramentas disponveis: o desao em busca de soluo contato@uaizo.com Todos os demais usurios iro visual- izar aquele contedo salvo, eliminando a necessidade de car- regamento. Isso tor- na o site mais rpido para os usurios e economiza o gasto com link no servidor. O modo como os sites so programados pode tornar o carregamento do contedo esttico mais rpido. Lista- mos aqui alguns pontos que devem ser considerados pelo desenvolvedor: O ideal que na troca de imagens ou arquivos estticos o nome do arquivo tambm seja alterado, o que no obriga o sistema a expirar o cache da imagem sempre que houver alterao e permite o uso de cache no nave- gador. A quantidade de arquivos CSS e Javascript afeta o tem- po de carregamento da pgina, por isso o ideal usar o menor nmero de arquivos possvel. O carregamento de 10 arquivos de 10k mais lento que o carregamento de 1 arquivo de 100k. Para otimizar o carregamento das pginas recomen- dado que o contedo esttico esteja em um domnio diferente que o contedo dinmico. Desse modo, pos- svel aplicar uma regra de congurao do CDN para o domnio esttico diferente do domnio dinmico. Por exemplo, o domnio esttico ter um tempo de cache de 3 em 3 dias e o domnio dinmico um tempo de cache mais curto, de 1 em 1 minuto por exemplo. Alguns CDNs conseguem, no entento, resolver isto automatica- mente. possvel fazer a programao de modo que reas da pgina que se alteram com mais frequncia utilizem re- quisies separadas, via ajax. Desse modo, por exemplo, a pgina de detalhes de um produto em e-commerces poderia ter as reas de avaliaes e preo carregando via ajax. Assim, todo o contedo poderia ser congu- rado com um tempo de cache de meses (pois quase no se altera), enquanto o preo seria cacheado de 1 em 1 minuto e as avaliaes de 3 em 3 horas. Para o desenvolvedor! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Sua pgina desenvolvida pelo melhor programador do mundo J apresentamos acima o CDN, uma soluo que torna possvel acelerar os sites ao salvar em cache o contedo esttico e parte do contedo dinmico. Mas ainda existe aquele html que consiste em um contedo especco para cada usurio, e esse no consegue ser salvo em cache. Como ento otimizar o carregamento desse tipo de contedo? Alm disso, existe alguma outra forma de acelerar o carregamento do contedo esttico? No desenvolvimento dos sites vrios elementos que passam despercebidos para os programadores podem fazer com que o carregamento das pginas demore mais. Uma aplicao de otimizao de pginas, ou Google Page Speed como mais conhecida, capaz de interpretar a estrutura das pginas e realizar otimi- zaes inteligentes no contedo com base nas melhores prticas de programao do mundo. Essas otimizaes aceleram consideravelmente o carregamento tanto do contedo esttico como do contedo dinmico. A acele- rao de pginas consegue tornar mais rpido inclusive o carregamento de contedos que no so salvos em cache. Torne seu site mais rpido e venda mais 17 Ferramentas disponveis: o desao em busca de soluo contato@uaizo.com Para e-commerces, sites em que a converso implica a nalizao de uma compra, o uso de tecnologias de acelerao de pginas pode garantir uma excelente experincia do usurio ao tornar o carregamento muito mais rpido. Voc no quer que seu cliente abandone o carrinho na boca do caixa devido a uma la extensa, no mesmo? Torne seu site mais rpido e venda mais 18 Ferramentas disponveis: o desao em busca de soluo contato@uaizo.com Listamos aqui algumas otimizaes que o Page Speed faz na pgina, tornando o tempo de carregamento dos sites mais rpido: O Page Speed analisa todas as imagens para garantir que elas estejam realmente com o menor tamanho possvel. Caso as imagens possam ser diminudas sem perda de qualidade, ele corrige os arquivos automat- icamente, para no depender de um designer atualizar todas as imagens do site para o tamanho ideal. O Page Speed compacta os arquivos Javascript e CSS, diminuindo o nmero de arquivos, o que torna o car- regamento mais rpido. (Lembre-se: o carregamento de 10 arquivos de 10k mais lento que o carregamento de 1 arquivo de 100k.) O Page Speed otimiza os arquivos Javascript e CSS ao retirar as funes no utilizadas, o que alm de tornar o arquivo menor possibilita que o browser renderize a pgina mais rpido. O Page Speed reorganiza o html, de modo que o brows- er consiga desenhar a parte de cima do site mais rpido, seguindo o uxo de navegao do usurio. Ou seja, desse modo, o topo do site ser carregado mais rpido e para o usurio o carregamento ser mais rpido. Para o desenvolvedor! 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 Existem mais al- gumas dezenas de otimizaes. Para mais deta- lhes, clique aqui. O caminho entre o usurio e o site Toda vez que um usurio carrega uma pgina, o con- tedo viaja pela web e precisa atravessar uma srie de servidores intermedirios. Ao passar por esses servi- dores o contedo pode experimentar problemas que gerariam atrasos no carregamento do site para o usurio nal. Como o CDN armazena o contedo em cache, ele no precisa passar por todo esse caminho quando o usurio entra no seu site. Assim, alm de reduzir consideravel- mente a distncia que o contedo precisa viajar para chegar ao usurio nal, o CDN reduz o nmero de saltos entre servidores, eliminando os gargalos que atrasam a comunicao. Porque aumentar a banda e o nmero de servidores no sufciente? Quando o site apresenta problemas de lentido, muito comum que as empresas comprem mais servidores e uma banda mais larga, que consequentemente su- portam um maior nmero de acessos. Com um plano melhor seu site pode at suportar um maior volume de trfego, mas como volume suportado ainda xo e o nmero de usurios que trafega no site varivel, voc est apenas adiando o problema. Esta soluo no suciente, e sequer pode ser vista como a mais econmica. Ao pagar por um servidor ro- busto ou um link maior, normalmente esta capacidade superior ao que o site utiliza no dia a dia. Ou seja, um desperdcio de recursos. Ainda assim, quando houve- rem picos de acesso h grandes chances do site cair por ultrapassar aquilo que foi contratado. O ideal portanto pagar pelo volume de trfego e no pelo tamanho do link, e por um servio que oferea banda ilimitada, como o caso do CDN. Torne seu site mais rpido e venda mais 21 Ferramentas disponveis: o desao em busca de soluo contato@uaizo.com Ao pagar por um servidor robusto ou um link maior, nor- malmente esta ca- pacidade superior ao que o site utiliza no dia a dia. Ou seja, um desperdcio de recursos O outro ponto que causa lentido nos sites a existn- cia de gargalos entre os servidores que o contedo percorre para comunicar o usurio ao servidor do site. Ao atravessar uma srie de servidores intermedirios, o contedo pode pode enfrentar problemas na entrega em cada um deles, gerando atraso no carregamento do site. Esse problema facilmente resolvido com o uso de um CDN que salva o contedo em cache eliminando a dis- tncia que o contedo precisa viajar para chegar ao usurio nal, persiste quando o site aumenta a largura do link no servidor. Anal, uma banda mais larga no elimina a necessidade de percorrer esse caminho toda vez que a pgina for carregada. Torne seu site mais rpido e venda mais 22 Ferramentas disponveis: o desao em busca de soluo contato@uaizo.com Ao atravessar uma srie de servidores intermedirios, o contedo pode pode enfrentar problemas na entrega em cada um deles, gerando atraso no carrega- mento do site. CDN uma rede de distribuio de contedo que salva cpias dos arquivos do site para garantir que o site carregue atravs do servidor mais prximo e rpido do usurio. possvel utilizar CDN para acelerar pginas que possuem contedo dinmico. Para isso necessrio congurar o tempo de cache e apontar elementos estticos da pgina que podem ser salvos em cache. O Page Speed faz a otimizao das pginas com base nas melhores prticas de programao do mundo, garantindo um carregamento ainda mais rpido. O CDN reduz o nmero de saltos entre servidores, eliminando os gargalos que atrasam a comuni- cao. Dar um upgrade do servidor no suciente para acelerar o site, alm de no ser a soluo mais econmica. Resumo do captulo Como descobrir qual a melhor soluo para o seu site 03 Voc j est familiarizado com as solues de acelerao de sites e agora est se perguntando como saber qual a tecnologia ideal, e ainda, qual a melhor opo para o seu caso. Existe uma srie de perguntas que precisam ser respondidas antes de contratar qualquer servio. Seu site possui predominantemente arquivos estticos? Ou o seu gargalo est no carregamento de contedos dinmicos? Voc precisa de suporte 24 horas? Seu su- porte precisa falar portugus? O ideal agora listar suas necessidades e para ajud-lo organizamos esse pro- cesso dividindo seus requisitos em quatro categorias: performance, recursos, atendimento e custos. Torne seu site mais rpido e venda mais 25 Como descobrir qual a melhor soluo para o seu site contato@uaizo.com Performance Se o objetivo tornar seu site mais rpido, voc precisa avaliar a velocidade em que o CDN entrega os arquivos para os usurios nais.Alm disso, a soluo de acelera- o j apresentada no e-book fundamental. A otimiza- o dos elementos da pgina auxilia um carregamento muito mais rpido. Uma forma de avaliar o servio realizar alguns testes de desempenho para que voc tome a deciso com base na performance do CDN nas condies reais do seu site. No site www.webpagetest.org voc consegue executar um teste de velocidade gratuito alterando as variveis (localizao do usurio e browser utilizado) para visu- alizar as velocidades reais de conexo com os seus usurio Torne seu site mais rpido e venda mais 26 Como descobrir qual a melhor soluo para o seu site contato@uaizo.com Funcionalidades disponveis necessrio observar o contedo do site para identicar o que o CDN deve ser capaz de fazer. HTTPS: seu site seguro? E-commerce ou quaisquer outros sites que tenham reas de usurios precisam de um ambiente seguro, por isso importante que o CDN consiga salvar em cache as pginas em https. Acelerao de pginas: seu site tem muito contedo dinmico especco para cada usurio? Em qualquer site que possui uma rea particular do usurio o page speed, ou acelerao de pginas, muito importante pois o nico recurso que consegue efetivamente acelerar esse contedo. Ferramentas de customizao: em sites que pos- suem muito contedo dinmico fundamental que o CDN oferea ferramentas de customizao que permi- tam a denio do tempo de cache e de quais elementos da pgina devero ser salvos em cache. Relatrios: relatrios analticos so sempre importan- tes para que voc saiba o desempenho do site e detecte problemas que precisam ser corrigidos. Qual o tipo de ferramenta analtica o CDN possui? As ferramentas so fcei de usar? Torne seu site mais rpido e venda mais 27 Como descobrir qual a melhor soluo para o seu site contato@uaizo.com Atendimento Um bom atendimento e suporte fundamental, princi- palmente se tratando da rea de TI na qual voc pode precisar do conhecimento e disposio dos prestadores de servio. Diagnstico: se sua empresa no possui uma rea de TI com alto conhecimento sobre o assunto interes- sante que voc procura um fornecedor de CDN que ofer- ea servio de diagnstico para te ajudar a encontrar a melhor soluo. Disponibilidade: a maioria dos sites, como e-com- merces por exemplo, precisam de um suporte 24/7/365, anal se o seu site cair no nal de semana pode resultar em um grande prejuzo. Se esse o seu caso funda- mental que seu fornecedor de CDN oferea atendimento full time. Sinergia: como qualquer servio contratado impor- tante que voc tenha sinergia com o fornecedor para que haja um bom relacionamento, e que o mesmo seja baseado em conana de ambas as partes. Torne seu site mais rpido e venda mais 28 Como descobrir qual a melhor soluo para o seu site contato@uaizo.com Preo As solues de acelerao de sites (CDN e Page Speed) possuem o melhor custo/benefcio quando se trata de tornar o site mais rpido. Clientes que utilizam essas tecnologias observam uma melhora de at 5 vezes na performance do site, o que como j dito anteriormente reete diretamente no aumento da receita. A utilizao do CDN tambm diminui consideravel- mente os gastos com servidores, pois eles suportam a maioria do trfego dos sites. Assim sendo, torna-se desnecessria a contratao de uma banda larga e voc passa a pagar por aquilo que realmente usa. Empresas fornecedoras de CDN cobram por gigabyte, ou seja, a cobrana feita de acordo com a quantidade de Bytes que o site trafegou. Normalmente, os sites se comprometem com um valor mensal baseando-se na quantidade de gigabyte que costumam utilizar. Em casos de gasto inferior ao comprometido o site paga o que comprometeu, e caso gaste mais paga o excedente. Esse valor combinado permite uma negociao com o fornecedor que diminui o valor por gigabyte. Torne seu site mais rpido e venda mais 29 Como descobrir qual a melhor soluo para o seu site contato@uaizo.com Clientes que utilizam essas tecnologias ob- servam uma melhora de at 5 vezes na performance do site, o que como j dito anteriormente re- fete diretamente no aumento da receita. Concluso 04 Nesse ebook, passamos pelos principais pontos para que voc possa conhecer ferramentas disponveis para deixar seu site mais rpido e aumentar sua converso. Passamos pelos principais conceitos para que voc possa planejar sua estratgia de acelerao de sites com o mximo de segurana e conhecimento. Agora est em suas mos. Que tal melhorar tornar seu site mais rpido, melhorar a experincia do usurio e ver de perto as consequncias de um site mais gil? Entre em contato com a Uaizo e conhea nossas solues, ser um prazer acessor-lo e acompanhar a sua evoluo. No nosso blog apresentamos diversos contedos sobre acelera- o de sites, no deixe de conferir. Torne seu site mais rpido e venda mais contato@uaizo.com 31 Concluso No nosso blog apre- sentamos diversos contedos sobre acelerao de sites, no deixe de conferir clicando aqui: www.uaizo.com/blog