Quando crio sites para os meus clientes sempre bato na tecla da qualidade das imagens x peso em bytes. Atualmente \u00e9 muito simples editar uma imagem que se reduza o peso dela em bytes e assim facilite o carregamento do site.
\nEm alguns poucos passos no Photoshop o cliente consegue reduzir em at\u00e9 70% o peso da imagem. O que gera um impacto tremendo para o carregamento do site como um todo. Principalmente em se tratando de usu\u00e1rios que usam 3G para navegar em celulares e tablets.
\nUma pesquisa recente da Radware deixou bem claro os erros que varejitas tradicionais ainda comentem em seus sites.
\nMas isso \u00e9 uma cultura muito dif\u00edcil de implementar na mentalidade dos clientes. \u00c9 claro que o caso das imagens \u00e9 apenas um item para se trabalhar com os clientes mais \u201cturr\u00f5es\u201d.
\nSegue abaixo um artigo muito interessante produzido pela Radware sobre o assunto. O artigo aborda v\u00e1rios outros itens importantes que precisam entrar em pauta com o cliente.<\/p>\n
A Radware\u00ae (NASDAQ: RDWR)<\/strong><\/em>, a maior fornecedora de solu\u00e7\u00f5es para gest\u00e3o de aplica\u00e7\u00f5es e seguran\u00e7a para data centers virtuais e em nuvem, anuncia o lan\u00e7amento de seu \u00faltimo estudo trimestral intitulado \u201cState of the Union: Ecommerce Page Speed & Web Performance, Summer 2014.\u201d<\/p>\n O mais recente estudo da Radware revela que, dos 100 maiores sites de varejo, a p\u00e1gina m\u00e9dia cresceu 67% em apenas um ano e muitos deixam de aproveitar t\u00e9cnicas avan\u00e7adas que auxiliam o aumento da velocidade de suas p\u00e1ginas. No relat\u00f3rio, a Radware descobriu que o uso de imagens \u00e9 um dos aspectos que mais prejudicam o desempenho porque a maioria dos propriet\u00e1rios de websites n\u00e3o tira proveito de t\u00e9cnicas de otimiza\u00e7\u00e3o de imagens, que podem melhorar consideravelmente os tempos de carregamento de uma p\u00e1gina.<\/p>\n A Radware tamb\u00e9m constatou que a queda no desempenho continua conforme as p\u00e1ginas de varejistas online crescem e se tornam cada vez mais complexas. A p\u00e1gina inicial de 100 websites de e-commerce leva em m\u00e9dia seis segundos ou mais para colocar online seu conte\u00fado principal aos visitantes – uma desacelera\u00e7\u00e3o de 27% em rela\u00e7\u00e3o ao ano passado. Esse tempo de renderiza\u00e7\u00e3o \u00e9 duas vezes mais lento que a experi\u00eancia de usu\u00e1rio considerada ideal, de tr\u00eas segundos ou menos. Apenas 14% dos 100 maiores websites de varejo foram capazes de oferecer uma experi\u00eancia otimizada ao usus\u00e1rio. E 17% dos websites levaram dez segundos ou mais, apenas para ser tornarem interativos.<\/p>\n “Estamos t\u00e3o acostumados a esperar por imagens de alta qualidade em toda a web que vemos como natural, sem pensar sobre seu impacto no desempenho”, diz Kent Alstad, vice-presidente de acelera\u00e7\u00e3o da Radware. “O tamanho da p\u00e1gina tem um impacto direto sobre sua velocidade e as imagens constituem, pelo menos, metade do tamanho de uma p\u00e1gina tradicional. Por isso, elas representam um terreno extremamente f\u00e9rtil para a otimiza\u00e7\u00e3o. No entanto, verificou-se que muitos dos principais varejistas n\u00e3o tiram proveito de t\u00e9cnicas como a compress\u00e3o de imagem e a renderiza\u00e7\u00e3o progressiva de imagens, que podem melhorar o tempo de carregamento e a experi\u00eancia do usu\u00e1rio”.<\/p>\n Outras conclus\u00f5es importantes do \u00faltimo relat\u00f3rio da Radware incluem:<\/strong><\/p>\n 1. Sites est\u00e3o ficando cada vez mais lentos… rapidamente<\/strong><\/em> 2. O tamanho e complexidade das p\u00e1ginas s\u00e3o fatores importantes para a desacelera\u00e7\u00e3o no desempenho<\/strong><\/em> 3. Os propriet\u00e1rios do site perdem oportunidades claras em melhorar a otimiza\u00e7\u00e3o de suas p\u00e1ginas<\/strong><\/em> 4. Muitos sites comentem os mesmos erros, o que acaba prejudicando a experi\u00eancia do usu\u00e1rio<\/strong><\/em> O relat\u00f3rio trimestral da Radware, “State of the Union”, mede e monitora o desempenho e a composi\u00e7\u00e3o da p\u00e1gina dos 500 maiores websites de varejo dos Estados Unidos (conforme classificados pela empresa de an\u00e1lise Alexa.com) com o intuito de obter visibilidade sobre o desempenho real dos l\u00edderes em com\u00e9rcio eletr\u00f4nico. O estudo tamb\u00e9m tem o objetivo de aprender como \u00e9 o desempenho desses sites para os visitantes que utilizam a Internet, em condi\u00e7\u00f5es normais de navega\u00e7\u00e3o, al\u00e9m de fornecer estrat\u00e9gias e melhores pr\u00e1ticas para permitir que os propriet\u00e1rios de websites melhorem seus desempenhos nos neg\u00f3cios.<\/p>\n “Os websites nunca foram t\u00e3o grandes e complexos como hoje”, diz Tammy Everts, evangelista de desempenho web da Radware. “Os problemas de desempenho prov\u00eam de tudo que est\u00e1 dispon\u00edvel \u00e0s p\u00e1ginas, incluindo conte\u00fado din\u00e2mico, imagens de alta resolu\u00e7\u00e3o, carross\u00e9is, fontes personalizadas, design \u00e1gil e scripts de terceiros que re\u00fanem dados sofisticados sobre visitantes. Por\u00e9m, estas funcionalidades incr\u00edveis v\u00eam com uma etiqueta de pre\u00e7o alto para o bom desempenho.”<\/p>\n Para acessar o “\u201cState of the Union: Ecommerce Page Speed & Web Performance, Summer 2014\u201d, que inclui as 15 melhores pr\u00e1ticas que os propriet\u00e1rios de websites devem adotar para acelerar as suas p\u00e1ginas, visite: www.radware.com\/summer-sotu2014<\/p>\n Um infogr\u00e1fico sobre os resultados de velocidade e desempenho de webpages pode ser acessado aqui: http:\/\/www.slideshare.net\/Radware\/SOTULINK<\/p>\n Metodologia<\/strong><\/em><\/p>\n Os testes desse estudo foram realizados com o uso de uma ferramenta online chamada WebPagetest – um projeto de c\u00f3digo aberto, desenvolvido e apoiado principalmente pelo Google, que simula o tempo de carregamento da p\u00e1gina na perspectiva de um verdadeiro usu\u00e1rio e usa navegadores reais. A Radware testou a p\u00e1gina inicial de todos os sites de venda varejistas, no Alexa Retail 500, nove vezes consecutivas. O sistema limpa automaticamente o cache entre os testes. O resultado m\u00e9dio de cada home page foi gravado e utilizado nos c\u00e1lculos.<\/p>\n Os testes foram realizados em 11 de junho de 2014, por meio do servidor WebPagetest.org em Dulles, VA, com o uso do Chrome 35 em uma conex\u00e3o DSL. Em poucos casos, o teste WebPage carregou uma p\u00e1gina em branco ou um erro em que nenhuma outra p\u00e1gina foi processada. Essas inst\u00e2ncias foram representadas como nulas nos acr\u00e9scimos do teste. Al\u00e9m disso, em alguns poucos casos, a WebPagetest.org carregou uma p\u00e1gina em mais de 60 segundos (o tempo limite padr\u00e3o para a webpagetest.org). Nestes casos, 60 segundos foram a base usada para o resultado, ao inv\u00e9s de nulo.<\/p>\n Para identificar o tempo de intera\u00e7\u00e3o (TTI) de cada p\u00e1gina, foi gerada uma vis\u00e3o em formato de filme, cronometrando o carregamento m\u00e9dio da p\u00e1gina para cada site do Alexa Retail 100. O tempo de intera\u00e7\u00e3o \u00e9 definido como o momento em que o conte\u00fado da p\u00e1gina em exibi\u00e7\u00e3o e o bot\u00e3o de a\u00e7\u00e3o principal ou menu, s\u00e3o processados no quadro.<\/p>\n Sobre a Radware<\/strong><\/em><\/p>\n A Radware (NASDAQ: RDWR) \u00e9 l\u00edder internacional em solu\u00e7\u00f5es para gest\u00e3o de aplica\u00e7\u00f5es e seguran\u00e7a para data centers virtuais e em nuvem. Seu premiado portf\u00f3lio de produtos oferece prote\u00e7\u00e3o completa para as aplica\u00e7\u00f5es-chave dos neg\u00f3cios, maior efici\u00eancia em tecnologia de informa\u00e7\u00e3o e grande agilidade no trabalho cotidiano. As solu\u00e7\u00f5es da Radware auxiliam mais de 10 mil empresas e operadoras do mundo inteiro a se adaptarem rapidamente \u00e0s mudan\u00e7as do mercado, o que garante a continuidade dos neg\u00f3cios com mais produtividade e menos custos. Para saber mais, visite www.radware.com.<\/p>\n Fa\u00e7a parte da comunidade Radware e siga-nos: Facebook, Google+, LinkedIn, Radware Blog, SlideShare, Twitter, YouTube e o aplicativo da Radware Connect para iPhone\u00ae. Nosso centro de seguran\u00e7a DDoSWarriors.com tamb\u00e9m oferece informa\u00e7\u00f5es sobre as ferramentas, tend\u00eancia e amea\u00e7as relacionadas aos ataques distribuidos de nega\u00e7\u00e3o de servi\u00e7o – DDoS.<\/p>\n \u00a92014 Radware, Ltd. Todos os direitos reservados. Radware e os nomes de produtos e servi\u00e7os da Radware s\u00e3o marcas registradas ou comerciais da Radware nos EUA e outros pa\u00edses. Todas as demais marcas s\u00e3o de propriedade de seus respectivos titulares.<\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" Ap\u00f3s um ano o desempenho dos websites n\u00e3o apresentaram melhorias \u2013 Nova pesquisa da Radware revela que os varejistas ainda repetem os mesmos erros de desempenho na Web. Pesquisa trimestral da Radware constata que o tempo de carregamento m\u00e9dio para pagamento aumentou em 49% no \u00faltimo ano.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[119,116,48,118,114,115,117],"class_list":["post-215","post","type-post","status-publish","format-standard","hentry","category-midia-digital","tag-arquitetura-de-informacao-para-sites","tag-criacao-de-sites","tag-filipe-souza","tag-otimizacao-de-imagens-para-site","tag-otimizacao-de-sites","tag-webdesign","tag-www-filipesouza-com-br"],"_links":{"self":[{"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/posts\/215","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/comments?post=215"}],"version-history":[{"count":2,"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/posts\/215\/revisions"}],"predecessor-version":[{"id":865,"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/posts\/215\/revisions\/865"}],"wp:attachment":[{"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/media?parent=215"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/categories?post=215"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/filipesouza.com.br\/palavrascomunicacao\/wp-json\/wp\/v2\/tags?post=215"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nEm apenas um ano, o tempo m\u00e9dio para interagir (TTI) diminuiu em 27% (de 4,9 segundos para 6,2 segundos), e o tempo m\u00e9dio de carregamento sofreu um aumento de 49% (de 7,2 segundos para 10,7 segundos).<\/p>\n
\nEm um ano, o aumento no tamanho m\u00e9dio de p\u00e1gina foi de 67%, a partir de 1007 KB (na metade de 2013) para os 1677 KB atuais. Em 2013, a p\u00e1gina m\u00e9dia continha 82 solicita\u00e7\u00f5es de recursos. Hoje, essa mesma p\u00e1gina cont\u00e9m 100 solicita\u00e7\u00f5es. Grande parte deste crescimento, no tamanho e complexidade, prov\u00e9m da prolifera\u00e7\u00e3o de imagens mal otimizadas e scripts de terceiros (por exemplo, an\u00e1lise de p\u00e1ginas, bot\u00f5es de seguimento e sociais).<\/p>\n
\nEmbora a maioria dos sites implante pr\u00e1ticas significativas de desempenho, muitos n\u00e3o conseguem tirar proveito de t\u00e9cnicas mais avan\u00e7adas e perdem oportunidades valiosas para acelerar suas p\u00e1ginas. Enquanto 96% dos sites permitem “keepalives” (uma t\u00e9cnica que permite conex\u00f5es TCP para permanecer aberto por mais tempo, reduzindo assim o tempo gasto para reabrir conex\u00f5es) e 78% utiliza-se de uma rede de entrega de conte\u00fado conte\u00fado para os recursos da p\u00e1gina em cache, mais acess\u00edvel aos usu\u00e1rios finais (diminuindo, assim, as viagens de ida e volta ao servidor e acelerando o tempo de funcionamento), a maioria dos sites n\u00e3o consegue implantar as t\u00e9cnicas de tratamento de imagem, como a compress\u00e3o e os JPEG progressivos.<\/p>\n
\nUm n\u00famero surpreendente de sites experimenta os mesmos problemas recorrentes de desempenho e usabilidade, incluindo o atraso na renderiza\u00e7\u00e3o de conte\u00fado e pop-ups, que interrompem a capitula\u00e7\u00e3o da p\u00e1gina.<\/p>\n