{"id":20419,"date":"2018-08-02T05:04:45","date_gmt":"2018-08-02T12:04:45","guid":{"rendered":"http:\/\/kinsta.dev\/?post_type=learn&#038;p=4526"},"modified":"2023-09-06T03:46:56","modified_gmt":"2023-09-06T06:46:56","slug":"velocidade-de-sites","status":"publish","type":"learn","link":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/","title":{"rendered":"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes"},"content":{"rendered":"<p>Otimiza\u00e7\u00e3o de desempenho do site, \u00e9 o ponto foco para projetos de sites superiores em tecnologia pelo fator que dita o sucesso dos neg\u00f3cios online hoje em dia. Afinal de contas, o desempenho ruim de um site danifica os lucros da empresa, a partir do momento em que esperar que as p\u00e1ginas web lentas carreguem se torna uma tortura para os visitantes e os frustra a ponto de que busquem outras alternativas \u2013 a\u00a0 impaci\u00eancia \u00e9 uma virtude digital!<\/p>\n<p><strong>A velocidade vende!<\/strong><\/p>\n<p>Criamos o guia sobre otimiza\u00e7\u00e3o de velocidade de seis cap\u00edtulos para mostrar a voc\u00ea como \u00e9 importante ter um site de carregamento r\u00e1pido! In\u00fameros trabalhos de pesquisa e <em>benchmarks<\/em> provam que otimizar a velocidade de seus sites \u00e9 um dos investimentos mais acess\u00edveis e que apresentam maior ROI!<\/p>\n<p>No guia a seguir, tentaremos explicar os detalhes t\u00e9cnicos e ao mesmo tempo, fornecer instru\u00e7\u00f5es f\u00e1ceis de seguir e de serem implementadas imediatamente! Esperamos que voc\u00ea ache o conte\u00fado valioso e que valha a pena compartilh\u00e1-lo com outras pessoas \ud83d\ude04<\/p>\n<p>Velocidade de carregamento de p\u00e1ginas extremamente r\u00e1pida amplifica o engajamento e a reten\u00e7\u00e3o dos visitantes e aumenta as vendas. A resposta instant\u00e2nea do site leva a taxas de convers\u00e3o mais altas e um atraso de 1 segundo no carregamento da p\u00e1gina diminui a satisfa\u00e7\u00e3o do cliente em 16%, visualiza\u00e7\u00f5es de p\u00e1gina em 11% e taxas de convers\u00e3o em 7%, de acordo com uma <a href=\"http:\/\/loadstorm.com\/2014\/04\/infographic-web-performance-impacts-conversion-rates\/\" target=\"_blank\" rel=\"noopener noreferrer\">pesquisa recente do Aberdeen Group.<\/a><\/p>\n<h3>Destacando os principais aspectos da otimiza\u00e7\u00e3o de velocidade de sites:<\/h3>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><a href=\"#intro\">Cap\u00edtulo 1 \u2013 Introdu\u00e7\u00e3o \u00e0 otimiza\u00e7\u00e3o de velocidade do site<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><a href=\"#business-success\">Cap\u00edtulo 2 \u2013 O desempenho de sites impacta o sucesso dos neg\u00f3cios<\/a><\/li>\n<li><a href=\"#mobile\">Cap\u00edtulo 3 \u2013 Sites para dispositivos m\u00f3veis com velocidade otimizada ofuscam o desktop<\/a><\/li>\n<li><a href=\"#business-mistakes\">Cap\u00edtulo 4 \u2013 Erros comuns de neg\u00f3cios que afetam o desempenho do site<\/a><\/li>\n<li><a href=\"#performance-bottlenecks\">Cap\u00edtulo 5 \u2013 Teste de velocidade de sites \u2013 Identificando gargalos de desempenho!<\/a><\/li>\n<li><a href=\"#improve-website-speed\">Cap\u00edtulo 6 \u2013 Como melhorar a velocidade do site?<\/a><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 id=\"intro\">Cap\u00edtulo 1 \u2013 Introdu\u00e7\u00e3o \u00e0 otimiza\u00e7\u00e3o de velocidade do site<\/h2>\n<h3>O que \u00e9 exatamente a velocidade da p\u00e1gina?<\/h3>\n<p>O termo velocidade da p\u00e1gina refere-se basicamente ao per\u00edodo de tempo no qual as p\u00e1ginas da web ou o conte\u00fado de m\u00eddia \u00e9 baixado dos servidores de hospedagem do site e exibidos no navegador do solicitante. O tempo de carregamento da p\u00e1gina \u00e9 a dura\u00e7\u00e3o entre clicar no link e exibir todo o conte\u00fado da p\u00e1gina da web no navegador do usu\u00e1rio.<\/p>\n<figure id=\"attachment_21466\" aria-describedby=\"caption-attachment-21466\" style=\"width: 313px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21466\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/tempo-de-carregamento-de-pagina.png\" alt=\"Tempo de carregamento de p\u00e1gina\" width=\"313\" height=\"400\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/tempo-de-carregamento-de-pagina.png 313w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/tempo-de-carregamento-de-pagina-235x300.png 235w\" sizes=\"auto, (max-width: 313px) 100vw, 313px\" \/><figcaption id=\"caption-attachment-21466\" class=\"wp-caption-text\">Tempo de carregamento de p\u00e1gina<\/figcaption><\/figure>\n<p>Existem tr\u00eas aspectos essenciais necess\u00e1rios para entender a velocidade da p\u00e1gina no contexto da experi\u00eancia do usu\u00e1rio e de desempenho do site:<\/p>\n<ul class=\"biglist\">\n<li>A exibi\u00e7\u00e3o do tempo gasto na entrega do material solicitado junto ao conte\u00fado HTML pelo navegador.<\/li>\n<li>Resposta do navegador para solicita\u00e7\u00f5es de carregamento de p\u00e1gina.<\/li>\n<li>A vis\u00e3o dos usu\u00e1rios finais conforme a p\u00e1gina da web solicitada \u00e9 renderizada no navegador \u2013 essa \u00e9 a medida emp\u00edrica final da velocidade de carregamento da p\u00e1gina.<\/li>\n<\/ul>\n<p>O desempenho de sites impacta, subsequentemente, <strong>a classifica\u00e7\u00e3o nos mecanismos de pesquisa<\/strong> desenvolvida de acordo com algoritmos propriet\u00e1rios e n\u00e3o divulgados, incorporando fatores-chave, incluindo velocidade da p\u00e1gina, experi\u00eancia do usu\u00e1rio, capacidade de resposta do site e muitas outras m\u00e9tricas de desempenho do website.<\/p>\n<p>O princ\u00edpio cr\u00edtico absoluto em maximizar o desempenho de sites \u00e9 focar na otimiza\u00e7\u00e3o de velocidade da p\u00e1gina a partir do zero. Plugins de otimiza\u00e7\u00e3o de desempenho, scripts no servidor e ajustes finais t\u00eam um impacto m\u00ednimo \u2013 mas percept\u00edvel \u2013 na velocidade da p\u00e1gina e nos tempos de carregamento. No entanto, os desenvolvedores web e os propriet\u00e1rios de neg\u00f3cios online tendem a ignorar os tempos de carregamento da p\u00e1gina em suas estrat\u00e9gias de desenvolvimento e design de sites.<\/p>\n<h3>Lento? Qu\u00e3o lento?<\/h3>\n<p>Qualquer coisa mais lenta que um piscar de olhos \u2013 <a href=\"http:\/\/www.nytimes.com\/2012\/03\/01\/technology\/impatient-web-users-flee-slow-loading-sites.html?pagewanted=all\" target=\"_blank\" rel=\"noopener noreferrer\">400 milissegundos<\/a>. Os engenheiros do Google descobriram que o tempo de carregamento da p\u00e1gina, pouco percept\u00edvel, de 0,4 segundos, \u00e9 tempo o suficiente para fazer com que os usu\u00e1rios pesquisem menos. A tecnologia j\u00e1 percorreu um longo caminho para melhorar a experi\u00eancia dos usu\u00e1rios na Internet. O mundo cibern\u00e9tico superlotado da d\u00e9cada de 1990 foi frequentemente rotulado como World Wide Wait (Espera Mundial, em tradu\u00e7\u00e3o livre), mas as inova\u00e7\u00f5es nas tecnologias de comunica\u00e7\u00e3o e de rede revolucionaram o modo como a informa\u00e7\u00e3o digital \u00e9 transmitida pela Internet. A pr\u00f3xima gera\u00e7\u00e3o de empresas online tem todos os recursos necess\u00e1rios para fornecer conte\u00fado instantaneamente, mas para aproveitar e complementar esses recursos, as organiza\u00e7\u00f5es precisam de sites de velocidade otimizada que ofere\u00e7am a melhor experi\u00eancia ao usu\u00e1rio.<\/p>\n<blockquote><p>O especialista em velocidade e cientista da computa\u00e7\u00e3o na Microsoft, Harry Shum, acredita que 0,25 segundo de diferen\u00e7a no tempo de carregamento da p\u00e1gina \u2013 mais r\u00e1pido ou mais lento em rela\u00e7\u00e3o \u00e0 m\u00e9dia \u2013 \u00e9 o n\u00famero m\u00e1gico que dita vantagens competitivas para os neg\u00f3cios online.<\/p><\/blockquote>\n<p><strong>E o que acontece se elas n\u00e3o conseguirem esse tempo?<\/strong><\/p>\n<p><a href=\"http:\/\/loadstorm.com\/2014\/04\/infographic-web-performance-impacts-conversion-rates\/\" target=\"_blank\" rel=\"noopener noreferrer\">Um em cada quatro <\/a>visitantes abandonaria o site se ele levasse mais de 4 segundos para carregar. 46% dos usu\u00e1rios n\u00e3o voltam a visitar sites com desempenho insatisfat\u00f3rio. Os propriet\u00e1rios de sites t\u00eam apenas 5 segundos para envolver os visitantes antes que os mesmos pensem em sair da p\u00e1gina. 74% dos usu\u00e1rios que acessam o site para dispositivos m\u00f3veis sair\u00e3o se eles levarem mais de 5 segundos para serem carregados. O atraso de um segundo no tempo de carregamento da p\u00e1gina pode levar a <a href=\"http:\/\/www.fastcompany.com\/1825005\/how-one-second-could-cost-amazon-16-billion-sales\" target=\"_blank\" rel=\"noopener noreferrer\">US$ 1,6 bilh\u00e3o em perdas anuais<\/a> para comerciantes online t\u00e3o grandes quanto a Amazon.<\/p>\n<figure id=\"attachment_21467\" aria-describedby=\"caption-attachment-21467\" style=\"width: 120px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21467\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/lentidao.png\" alt=\"Lentid\u00e3o\" width=\"120\" height=\"200\"><figcaption id=\"caption-attachment-21467\" class=\"wp-caption-text\">Lentid\u00e3o<\/figcaption><\/figure>\n<p><a href=\"http:\/\/blog.kissmetrics.com\/loading-time\/\" target=\"_blank\" rel=\"noopener noreferrer\">47% dos clientes<\/a> de com\u00e9rcio eletr\u00f4nico <strong>esperam tempos de carregamento da p\u00e1gina inferiores a dois segundos<\/strong>, antes de pensar em sair da p\u00e1gina \u2013 40% dos usu\u00e1rios abandonariam o site no terceiro segundo de espera, antes mesmo de uma ferramenta de an\u00e1lise de desempenho capturar sua presen\u00e7a no site. O tempo m\u00e9dio de pico de carregamento para convers\u00f5es \u00e9 de apenas 2 segundos \u2013 mais r\u00e1pido do que milh\u00f5es de sites por a\u00ed.<\/p>\n<p class=\"padding_20_bottom\"><strong>E o que acontecem quando eles ficam mais r\u00e1pidos?<\/strong><\/p>\n<p>Quando o Mozilla melhorou a velocidade da p\u00e1gina em 2,2 segundos, os n\u00fameros de download do Firefox cresceram em 15,4%, ou <a href=\"http:\/\/loadstorm.com\/2014\/04\/infographic-web-performance-impacts-conversion-rates\/\" target=\"_blank\" rel=\"noopener noreferrer\">10 milh\u00f5es por ano!<\/a> O Walmart <a href=\"http:\/\/www.websitemagazine.com\/content\/blogs\/posts\/archive\/2014\/03\/21\/5-reasons-visitors-leave-your-website.aspx\" target=\"_blank\" rel=\"noopener noreferrer\">obteve um aumento de 2% nas taxas de convers\u00e3o para cada segundo<\/a> de melhoria nos tempos de carregamento da p\u00e1gina. Os n\u00fameros n\u00e3o mentem!<\/p>\n<figure id=\"attachment_21468\" aria-describedby=\"caption-attachment-21468\" style=\"width: 364px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21468\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/melhoria-na-velocidade.png\" alt=\"Melhoria na velocidade\" width=\"364\" height=\"249\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/melhoria-na-velocidade.png 364w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/melhoria-na-velocidade-300x205.png 300w\" sizes=\"auto, (max-width: 364px) 100vw, 364px\" \/><figcaption id=\"caption-attachment-21468\" class=\"wp-caption-text\">Melhoria na velocidade<\/figcaption><\/figure>\n<h3>Desempenho aceit\u00e1vel do site &#8211; Neuroci\u00eancia e ritmo<\/h3>\n<p>100 milissegundos. Esse \u00e9 tempo que o l\u00f3bulo occipital em nosso c\u00e9rebro armazena informa\u00e7\u00f5es visuais como uma mem\u00f3ria sensorial.<\/p>\n<p>Pesquisadores do Google sugerem que tempos de carregamento de p\u00e1gina inferiores a 100 milissegundos d\u00e3o aos visitantes a ilus\u00e3o de resposta instant\u00e2nea do site, j\u00e1 que o processador visual de mem\u00f3ria sensorial em nosso c\u00e9rebro funciona em sequ\u00eancias desses mesmos 100 milissegundos. A mem\u00f3ria armazenada \u00e9 limpa ap\u00f3s 0,1 segundo, enquanto as c\u00e9lulas fotorreceptoras dos olhos transmitem mais informa\u00e7\u00f5es para o lobo occipital.<\/p>\n<figure id=\"attachment_21469\" aria-describedby=\"caption-attachment-21469\" style=\"width: 504px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21469\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/desempenho-aceitavel-do-website.png\" alt=\"Desempenho aceit\u00e1vel do website\" width=\"504\" height=\"182\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/desempenho-aceitavel-do-website.png 504w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/desempenho-aceitavel-do-website-300x108.png 300w\" sizes=\"auto, (max-width: 504px) 100vw, 504px\" \/><figcaption id=\"caption-attachment-21469\" class=\"wp-caption-text\">Desempenho aceit\u00e1vel do website<\/figcaption><\/figure>\n<p>Um segundo do tempo de carregamento da p\u00e1gina \u00e9 suficiente para manter um fluxo cont\u00ednuo de pensamento \u2013 os usu\u00e1rios se sentem no controle de suas atividades de navega\u00e7\u00e3o na web e o estresse mental n\u00e3o \u00e9 agravado, a menos que o site n\u00e3o responda como desejado.<\/p>\n<p>Com 10 segundos de demora, a aten\u00e7\u00e3o do visitante quase n\u00e3o \u00e9 mantida. A sensa\u00e7\u00e3o de impaci\u00eancia, frustra\u00e7\u00e3o e sentimento de abandono \u00e9 geralmente forte o suficiente para impedir que os visitantes voltem a acessar tais sites t\u00e3o lentos novamente.<\/p>\n<h3>O enigma psicol\u00f3gico pragm\u00e1tico<\/h3>\n<p>No entanto, abandonar um site devido \u00e0 lentid\u00e3o de velocidade da p\u00e1gina nem sempre \u00e9 o caminho mais r\u00e1pido para acessar as informa\u00e7\u00f5es desejadas na web. Um usu\u00e1rio m\u00e9dio gasta v\u00e1rios minutos extras navegando em sites de resposta r\u00e1pida, mas irrelevantes, ao inv\u00e9s de esperar mais alguns segundos para que sites relevantes e lentos respondam.<\/p>\n<p>E considerando o mar de recursos da web, os usu\u00e1rios eventualmente encontram as informa\u00e7\u00f5es necess\u00e1rias em um site ou outro. Mas os eventuais perdedores s\u00e3o as empresas online incapazes de atingir seus clientes com rapidez suficiente, mesmo que possuam as informa\u00e7\u00f5es e os servi\u00e7os exatos que est\u00e3o sendo solicitados pelos usu\u00e1rios.<\/p>\n<p>Por mais estranho que pare\u00e7a, os visitantes preferem gastar mais tempo procurando informa\u00e7\u00f5es em outro lugar do que esperar alguns segundos para que o site certo seja carregado. A experi\u00eancia \u00e9 semelhante ao <a href=\"http:\/\/www.nytimes.com\/2012\/08\/19\/opinion\/sunday\/why-waiting-in-line-is-torture.html?adxnnl=1&#038;pagewanted=all&#038;adxnnlx=1406030555-u0KaqI9sdCGatXF1sCIKjQ\" target=\"_blank\" rel=\"noopener noreferrer\">incidente do aeroporto de Houston<\/a> de alguns anos atr\u00e1s, que levou a uma solu\u00e7\u00e3o inteligente.<\/p>\n<figure id=\"attachment_21470\" aria-describedby=\"caption-attachment-21470\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21470\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/jogue-com-a-psicologia-humana.jpg\" alt=\"Jogue com a psicologia humana\" width=\"1000\" height=\"302\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/jogue-com-a-psicologia-humana.jpg 1000w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/jogue-com-a-psicologia-humana-300x91.jpg 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/jogue-com-a-psicologia-humana-768x232.jpg 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/jogue-com-a-psicologia-humana-610x184.jpg 610w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-21470\" class=\"wp-caption-text\">Jogue com a psicologia humana<\/figcaption><\/figure>\n<p>Os passageiros do aeroporto tinham que caminhar um minuto at\u00e9 a esteira de bagagens e esperavam sete minutos para receber suas malas. O centro de relacionamento com o cliente acabou sendo inundado por reclama\u00e7\u00f5es pela lentid\u00e3o do servi\u00e7o.<\/p>\n<p>Ent\u00e3o, os executivos do aeroporto criaram uma solu\u00e7\u00e3o inteligente para \u201cresolver\u201d o problema. Eles moveram os port\u00f5es de entrada para mais longe e encaminharam a bagagem para o carrossel externo.<\/p>\n<p>Agora, os passageiros precisam fazer uma <em>caminhada de seis minutos<\/em> at\u00e9 a \u00e1rea de retirada de bagagens, onde recebem suas malas em dois minutos. O resultado? Nenhuma reclama\u00e7\u00e3o. Absolutamente nenhum passageiro ficou insatisfeito \u2013 exceto algumas pernas cansadas.<\/p>\n<p>Da mesma forma, os elevadores possuem espelhos nas paredes para que os passageiros se mantenham ocupados e n\u00e3o pensem no tempo gasto durante o transporte. Esse comportamento do passageiro \u00e9 an\u00e1logo ao dos visitantes dos sites no mundo cibern\u00e9tico. E o mesmo princ\u00edpio geral se aplica tamb\u00e9m aos neg\u00f3cios online: \u00e9 a dura\u00e7\u00e3o objetiva da espera que define a experi\u00eancia da espera.<\/p>\n<p>Agora, as empresas online podem brincar com a psicologia humana, como os executivos do aeroporto de Houston e acelerar a evolu\u00e7\u00e3o, mas com praticamente nenhuma f\u00f3rmula espec\u00edfica para tornar os tempos de resposta de sites suport\u00e1veis \u200b\u200bpara cada visitante individual. Ou podem <strong>reduzir a dura\u00e7\u00e3o objetiva da espera<\/strong>, ao entregar o conte\u00fado solicitado aos visitantes online atrav\u00e9s de um sites de resposta r\u00e1pida \u2013 o que quer se seja poss\u00edvel quando o sites for projetado para fornecer respostas instant\u00e2neas e uma experi\u00eancia de usu\u00e1rio perfeita e de alta qualidade.<\/p>\n<p>Este guia tem foco na \u00faltima pr\u00e1tica e, na verdade, o ajudar\u00e1 a maximizar o potencial do seu neg\u00f3cio online, otimizando o desempenho do site e assim, aumentando a satisfa\u00e7\u00e3o, reten\u00e7\u00e3o e fidelidade dos clientes.<\/p>\n<p>Componentes importantes do guia incluem:<\/p>\n<ul>\n<li><a href=\"#business-success\">Cap\u00edtulo 2 \u2013 O desempenho de sites impacta o sucesso dos neg\u00f3cios<\/a><\/li>\n<li><a href=\"#mobile\">Cap\u00edtulo 3 \u2013 Sites para dispositivos m\u00f3veis com velocidade otimizada ofuscam o desktop<\/a><\/li>\n<li><a href=\"#business-mistakes\">Cap\u00edtulo 4 \u2013 Erros comuns de neg\u00f3cios que afetam o desempenho do site<\/a><\/li>\n<li><a href=\"#performance-bottlenecks\">Cap\u00edtulo 5 \u2013 Teste de velocidade de sites \u2013 Identificando gargalos de desempenho!<\/a><\/li>\n<li><a href=\"#improve-website-speed\">Cap\u00edtulo 6 \u2013 Como melhorar a velocidade do site?<\/a><\/li>\n<\/ul>\n<section id=\"section2\">\n<h2 id=\"business-success\">Cap\u00edtulo 2 \u2013 O desempenho de sites impacta o sucesso dos neg\u00f3cios<\/h2>\n<h3>O desempenho impacta as vendas<\/h3>\n<p>O desempenho de sites \u00e9 a experi\u00eancia do usu\u00e1rio \u2013 o poder de velocidade da p\u00e1gina, traduzindo em uma atraente experi\u00eancia de compra online, aumenta os n\u00fameros de vendas e eventualmente, determina o sucesso dos neg\u00f3cios online. O l\u00edder do setor, Google, come\u00e7ou a incluir a velocidade das p\u00e1ginas em seus algoritmos de busca, desde que detectou as repercuss\u00f5es que os lapsos de desempenho dos sites causavam nas vendas. O gigante dos mecanismos de busca j\u00e1 experimentou uma <a href=\"http:\/\/www.montparnas.com\/articles\/more-evidence-that-speed-is-key-to-user-experience\/\" target=\"_blank\" rel=\"noopener noreferrer\">queda de 20%<\/a> no tr\u00e1fego, resultante de meio segundo de atraso nos tempos de carregamento da p\u00e1gina.<\/p>\n<p>Embora o Google tenha resolvido rapidamente o problema que quase prejudicou sua participa\u00e7\u00e3o de mercado, o mesmo nem sempre ocorre com outros neg\u00f3cios online, que buscam estabelecer sua presen\u00e7a no mercado.<\/p>\n<p><strong>P:<\/strong>\u00a0Ent\u00e3o, como o desempenho do site afeta as vendas de um neg\u00f3cio online?<\/p>\n<p><strong>R:<\/strong>\u00a0Dramaticamente. Essa \u00e9 a \u00fanica resposta poss\u00edvel!<\/p>\n<p>A empresa de consultoria Forrester estudou recentemente o estado das expectativas de compras online dos consumidores e avaliou como os sites de baixo desempenho prejudicam os resultados financeiros, enquanto desempenhos de alto n\u00edvel nos sites aumentam rapidamente as vendas.<\/p>\n<p><a href=\"http:\/\/blog.kissmetrics.com\/loading-time\/\" target=\"_blank\" rel=\"noopener noreferrer\">A pesquisa apontou<\/a> que 88% dos usu\u00e1rios da Internet escolhem varejistas online que ofere\u00e7am uma experi\u00eancia de alto desempenho e f\u00e1cil utiliza\u00e7\u00e3o em seus sites, e quase <strong>50% dos visitantes abandonam sites que n\u00e3o carregam em at\u00e9 tr\u00eas segundos.<\/strong><\/p>\n<p>Essas a\u00e7\u00f5es, consequentemente, afetam as vendas. 79% dos clientes insatisfeitos n\u00e3o voltam a visitar os sites com desempenho insatisfat\u00f3rio \u2013 a n\u00e3o ser que voc\u00ea seja o Google ou a Amazon. 46% dos clientes insatisfeitos desenvolvem uma impress\u00e3o negativa duradoura e 44% compartilham suas experi\u00eancias de compras com o resto do mundo. As implica\u00e7\u00f5es v\u00e3o muito al\u00e9m do mundo cibern\u00e9tico, pois 87% dos clientes fazem compras em lojas de varejo tanto online quanto f\u00edsicas.<\/p>\n<figure id=\"attachment_21471\" aria-describedby=\"caption-attachment-21471\" style=\"width: 701px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21471\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/abandonando-websites-lentos.png\" alt=\"Abandonando sites lentos\" width=\"701\" height=\"439\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/abandonando-websites-lentos.png 701w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/abandonando-websites-lentos-300x188.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/abandonando-websites-lentos-610x382.png 610w\" sizes=\"auto, (max-width: 701px) 100vw, 701px\" \/><figcaption id=\"caption-attachment-21471\" class=\"wp-caption-text\">Abandonando sites lentos<\/figcaption><\/figure>\n<p>Embora o servi\u00e7o e a qualidade do produto aparentemente tenham o maior impacto nas vendas das empresas, a convers\u00e3o dos visitantes de sites em clientes de fato no mundo cibern\u00e9tico depende, em grande parte, da cria\u00e7\u00e3o de uma impress\u00e3o positiva junto ao cliente. E \u00e9 a\u00ed que os par\u00e2metros de desempenho do site de com\u00e9rcio eletr\u00f4nico, como a alta velocidade da p\u00e1gina e os processos de conclus\u00e3o de compra r\u00e1pidos, entram em a\u00e7\u00e3o, dando aos clientes uma impress\u00e3o psicol\u00f3gica positiva que estimula as vendas e a fidelidade junto \u00e0 marca.<\/p>\n<h3>O desempenho impacta a convers\u00e3o<\/h3>\n<p>Como a mais importante e poderosa m\u00e9trica da Internet para neg\u00f3cios online, a taxa de convers\u00e3o depende, de forma hol\u00edstica, dos KPIs (indicadores chave) do site para estabelecer vantagens competitivas para plataformas de varejo online.<\/p>\n<p>No mundo digital, as campanhas de marketing tradicionais, por si s\u00f3, n\u00e3o aumentam as taxas de convers\u00e3o sem melhorar a experi\u00eancia do usu\u00e1rio do site \u2013 incluindo a velocidade da p\u00e1gina e a responsividade do site.<\/p>\n<p>A campanha de arrecada\u00e7\u00e3o de fundos de Barack Obama durante as Elei\u00e7\u00f5es Presidenciais de 2011 levantou <a href=\"http:\/\/kylerush.net\/blog\/meet-the-obama-campaigns-250-million-fundraising-platform\/\" target=\"_blank\" rel=\"noopener noreferrer\">US$ 34 milh\u00f5es adicionais<\/a> quando o site Obama for America reduziu o tempo de carregamento das p\u00e1ginas de cinco segundos para dois segundos \u2013 isso representou 14% de aumento na convers\u00e3o de doa\u00e7\u00f5es com meros tr\u00eas segundos de melhoria no desempenho do site!<\/p>\n<figure id=\"attachment_21472\" aria-describedby=\"caption-attachment-21472\" style=\"width: 779px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21472\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/carregamentos-rapidos-resultam-em-mais-conversoes.jpg\" alt=\"Carregamentos r\u00e1pidos resultam em mais convers\u00f5es\" width=\"779\" height=\"464\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/carregamentos-rapidos-resultam-em-mais-conversoes.jpg 779w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/carregamentos-rapidos-resultam-em-mais-conversoes-300x179.jpg 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/carregamentos-rapidos-resultam-em-mais-conversoes-768x457.jpg 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/carregamentos-rapidos-resultam-em-mais-conversoes-610x363.jpg 610w\" sizes=\"auto, (max-width: 779px) 100vw, 779px\" \/><figcaption id=\"caption-attachment-21472\" class=\"wp-caption-text\">Carregamentos r\u00e1pidos resultam em mais convers\u00f5es<\/figcaption><\/figure>\n<p>Trazer potenciais clientes para a porta de lojas f\u00edsicas muitas vezes requer uma campanha de marketing e propaganda planejada. E quando os clientes entram na loja, eles geralmente n\u00e3o saem sem uma compra.<\/p>\n<p>S\u00e3o necess\u00e1rios muito menos esfor\u00e7os para levar os clientes a uma loja de varejo online. Os usu\u00e1rios da Internet n\u00e3o se importam em dar alguns cliques para abrir as p\u00e1ginas da web que nunca visitaram antes. A otimiza\u00e7\u00e3o para mecanismos de pesquisa e os an\u00fancios nas m\u00eddias sociais geralmente s\u00e3o o suficiente para fazer isso.<\/p>\n<p>Mas \u00e9 igualmente conveniente para os visitantes abandonar o site se as informa\u00e7\u00f5es necess\u00e1rias n\u00e3o forem disponibilizadas dentro de alguns segundos \u200b\u200b\u2013 para os visitantes que n\u00e3o ficam impressionados facilmente, isso tamb\u00e9m n\u00e3o exige muito mais do que alguns cliques!<\/p>\n<p><strong>A experi\u00eancia do usu\u00e1rio<\/strong>, em termos de desempenho e responsividade do website, torna-se o fator principal que afeta as taxas de convers\u00e3o em lojas online. O com\u00e9rcio eletr\u00f4nico trata-se, em primeiro lugar, da conveni\u00eancia do cliente e de como alcan\u00e7ar clientes em potencial de forma eficiente, com as informa\u00e7\u00f5es, produtos e servi\u00e7os certos no momento certo.<\/p>\n<p>E nada disso \u00e9 poss\u00edvel sem uma velocidade da p\u00e1gina mais r\u00e1pida do que o tempo que os usu\u00e1rios levam para abandonar as visitas, devido a problemas com o desempenho do website. N\u00e3o est\u00e1 ciente de que o desempenho do seu sites afeta as taxas de convers\u00e3o? Ferramentas como a <a href=\"https:\/\/www.thinkwithgoogle.com\/feature\/testmysite\"\" target=\"_blank\" rel=\"noopener noreferrer\">Ferramenta Test My Site<\/a> do Google podem ajudar a responder a essa pergunta (veja o exemplo abaixo).<\/p>\n<figure id=\"attachment_47690\" aria-describedby=\"caption-attachment-47690\" style=\"width: 1608px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-47690 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/calculadora-velocidade-conversao.png\" alt=\"Calculadora de velocidade de convers\u00e3o\" width=\"1608\" height=\"752\"><figcaption id=\"caption-attachment-47690\" class=\"wp-caption-text\">Calculadora de velocidade de convers\u00e3o<\/figcaption><\/figure>\n<h3>O desempenho impacta o engajamento do usu\u00e1rio<\/h3>\n<p>As estat\u00edsticas de engajamento do usu\u00e1rio alimentam a an\u00e1lise de sites no desenvolvimento de melhores estrat\u00e9gias para otimizar as vendas online. As empresas online estabelecidas na rede competitiva compreendem bem a import\u00e2ncia de desempenho de seus sites e das ferramentas que analisam e preveem as pr\u00f3ximas a\u00e7\u00f5es a serem tomadas, correlacionando a velocidade e a receita da p\u00e1gina.<\/p>\n<p>Informa\u00e7\u00f5es aprimoradas sobre o engajamento do usu\u00e1rio com sites responsivos e de carregamento r\u00e1pido geralmente s\u00e3o vistas como um proxy do sucesso dos neg\u00f3cios online. O engajamento do usu\u00e1rio \u00e9 altamente dependente das limita\u00e7\u00f5es humanas no armazenamento de mem\u00f3ria de curto prazo, que dura apenas alguns segundos e das aspira\u00e7\u00f5es humanas de sentir controle sobre a m\u00e1quina em todas as circunst\u00e2ncias.<\/p>\n<figure id=\"attachment_21473\" aria-describedby=\"caption-attachment-21473\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-21473 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-baixo-desempenho.png\" alt=\"Sites de baixo desempenho.\" width=\"800\" height=\"516\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-baixo-desempenho.png 800w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-baixo-desempenho-300x194.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-baixo-desempenho-768x495.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-baixo-desempenho-610x393.png 610w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-21473\" class=\"wp-caption-text\">Sites de baixo desempenho.<\/figcaption><\/figure>\n<p>Para sites com baixo desempenho \u2013 sendo baixo desempenho um termo relativo \u2013 os tempos de carregamento da p\u00e1gina excedem as limita\u00e7\u00f5es humanas, enquanto a falha em processar solicita\u00e7\u00f5es do usu\u00e1rio d\u00e1 a falsa impress\u00e3o de ignor\u00e2ncia ou incompet\u00eancia em entregar a resposta desejada com efici\u00eancia e precis\u00e3o.<\/p>\n<figure id=\"attachment_21474\" aria-describedby=\"caption-attachment-21474\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-21474 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-alto-desempenho.png\" alt=\"Sites de alto desempenho.\" width=\"800\" height=\"516\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-alto-desempenho.png 800w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-alto-desempenho-300x194.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-alto-desempenho-768x495.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/websites-de-alto-desempenho-610x393.png 610w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-21474\" class=\"wp-caption-text\">Sites de alto desempenho.<\/figcaption><\/figure>\n<p>Sites de alto desempenho, por outro lado \u2013 sendo que alto desempenho tamb\u00e9m \u00e9 um termo relativo \u2013 impactam tr\u00eas par\u00e2metros que determinam o engajamento do usu\u00e1rio: sentimentos, estados mentais e intera\u00e7\u00f5es. Esses tr\u00eas aspectos criam uma conex\u00e3o emocional, cognitiva e comportamental entre os visitantes humanos (n\u00e3o se pode dizer muito sobre bots!) e o website.<\/p>\n<p>Com esse tipo de conex\u00e3o, empresas online podem explorar os aspectos de engajamento do usu\u00e1rio, como aten\u00e7\u00e3o concentrada, motiva\u00e7\u00e3o e confian\u00e7a para converter visitantes em clientes, clientes fi\u00e9is e at\u00e9 mesmo embaixadores da marca, gerando leads em m\u00eddias sociais e at\u00e9 fora da Internet.<\/p>\n<h3>O desempenho impacta as despesas operacionais e a receita<\/h3>\n<p>Embora o investimento na otimiza\u00e7\u00e3o de desempenho de sites aumente as despesas de capital em favor da redu\u00e7\u00e3o de alguns segundos nos tempos de carregamento da p\u00e1gina, o retorno \u00e9 inevitavelmente visto na forma de aumento de receita e de redu\u00e7\u00e3o de custos operacionais e investimentos em hardware.<\/p>\n<p>A gigante do com\u00e9rcio eletr\u00f4nico, Shopzilla, obteve uma <a href=\"http:\/\/radar.oreilly.com\/2009\/07\/velocity-making-your-site-fast.html\" target=\"_blank\" rel=\"noopener noreferrer\">redu\u00e7\u00e3o de 50%<\/a> em seu or\u00e7amento operacional ao encolher os tempos de carregamento da p\u00e1gina de sete segundos para dois segundos. Melhorias de desempenho atrav\u00e9s de uma revis\u00e3o do design do site permitiram que a empresa utilizasse os mesmos recursos de hardware para processar, de forma eficiente, a mesma quantidade de solicita\u00e7\u00f5es de usu\u00e1rios do site. A responsividade aprimorada do site tamb\u00e9m <strong>aumentou as receitas em 12%<\/strong>, j\u00e1 que a loja de varejo acomodou o aumento do tr\u00e1fego da web sem gerar investimentos adicionais na expans\u00e3o dos recursos de hardware.<\/p>\n<p>Os aprimoramentos nos KPIs de sites tamb\u00e9m levaram a um melhor \u00cdndice de Qualidade do AdWords e portanto, reduziram o Custo Por Clique (CPC). As empresas online com alto \u00cdndice de Qualidade e velocidade da p\u00e1gina podem utilizar seu or\u00e7amento de publicidade de forma eficiente, maximizando assim seu alcance e atraindo clientes sem a necessidade de despesas operacionais adicionais.<\/p>\n<p>Por outro lado, uma redu\u00e7\u00e3o de velocidade minimiza a utiliza\u00e7\u00e3o de recursos. O Bing conduziu um estudo independente sobre o desempenho de seu site afetando sua receita e descobriu que um atraso de dois segundos no resultado da pesquisa resultou em perda de receita de 4,3% por cento por usu\u00e1rio.<\/p>\n<p>E o comportamento do cliente n\u00e3o se altera drasticamente quando os atrasos s\u00e3o removidos. Quando o Google removeu um atraso de 0,4 segundo no fornecimento de resultados de pesquisa, os usu\u00e1rios <a href=\"http:\/\/www.fastcompany.com\/1769621\/googles-new-page-speed-service-promises-boost-sites-ad-revenue-you-can-test-it-too\" target=\"_blank\" rel=\"noopener noreferrer\">fizeram 0,21% menos<\/a> pesquisas, mesmo com a p\u00e1gina da web funcionando de maneira otimizada.<\/p>\n<p>Esfor\u00e7os adicionais para melhorar o desempenho do site podem aumentar as despesas de capital temporariamente, mas a troca \u00e9 justificada, \u00e0 medida em que os investimentos extras se traduzem em resultados mais altos, aumento nos fluxos de receita e despesas operacionais reduzidas.<\/p>\n<h3>O desempenho impacta a usabilidade<\/h3>\n<p>Websites com a curva de aprendizado mais acentuada atingem o maior \u00edndice de clientes fi\u00e9is. Os internautas veem o tempo gasto em aprender a usar sites alternativos como um custo de mudan\u00e7a significativo, que funciona como um mecanismo para prend\u00ea-los aos servi\u00e7os online oferecidos por meio de sites de alto desempenho.<\/p>\n<p>Os elementos da rela\u00e7\u00e3o entre a usabilidade do site e a fidelidade do cliente est\u00e3o vinculados aos KPIs do site, incluindo a velocidade da p\u00e1gina, o tempo de carregamento e a capacidade de resposta do site \u00e0s solicita\u00e7\u00f5es do usu\u00e1rio. Um modelo hipot\u00e9tico de otimiza\u00e7\u00e3o de velocidade de sites leva esses elementos em considera\u00e7\u00e3o, com caracter\u00edsticas como Confian\u00e7a no Site, Interatividade e Relev\u00e2ncia da Informa\u00e7\u00e3o, consideradas como um subconjunto da usabilidade do site pelos usu\u00e1rios finais.<\/p>\n<p>Da mesma forma, os rastreadores da web e os mecanismos de pesquisa medem o desempenho do site em termos de velocidade da p\u00e1gina, navegabilidade, experi\u00eancia do usu\u00e1rio, capacidade de resposta e alcance \u00e0 audi\u00eancia global como um subconjunto da otimiza\u00e7\u00e3o para mecanismos de busca, impactando a classifica\u00e7\u00e3o nos resultados de pesquisa.<\/p>\n<figure id=\"attachment_21475\" aria-describedby=\"caption-attachment-21475\" style=\"width: 268px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21475\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/marcas-da-usabilidade.png\" alt=\"Marcas da usabilidade\" width=\"268\" height=\"376\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/marcas-da-usabilidade.png 268w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/marcas-da-usabilidade-214x300.png 214w\" sizes=\"auto, (max-width: 268px) 100vw, 268px\" \/><figcaption id=\"caption-attachment-21475\" class=\"wp-caption-text\">Marcas da usabilidade<\/figcaption><\/figure>\n<p>Usu\u00e1rios finais esperam encontrar as seguintes marcas que afetam a usabilidade dos websites:<\/p>\n<ul class=\"biglist\">\n<li>F\u00e1cil de operar, navegar e entender.<\/li>\n<li>Entrega direta de informa\u00e7\u00f5es e controles relevantes que forem solicitados.<\/li>\n<li>Acess\u00edvel em todos os tipos de dispositivos, m\u00e1quinas, sistemas operacionais, navegadores e localiza\u00e7\u00f5es geogr\u00e1ficas.<\/li>\n<li>Entrega de informa\u00e7\u00f5es, produtos e servi\u00e7os leg\u00edtimos, de alta qualidade e de credibilidade em apenas alguns cliques e solicita\u00e7\u00f5es.<\/li>\n<\/ul>\n<p>Cumprir com esses requisitos \u00e9 vital para maximizar o <strong>desempenho do site, a usabilidade e a fidelidade do cliente<\/strong>, que s\u00e3o elementos que juntos formam um sistema \u00fanico, que funciona como um canal para o sucesso dos neg\u00f3cios online.<\/p>\n<\/section>\n<section id=\"section3\">\n<h2 id=\"mobile\">Cap\u00edtulo 3: Sites para dispositivos m\u00f3veis com velocidade otimizada ofuscam o desktop<\/h2>\n<p>A mobilidade \u00e9 o futuro de tudo que est\u00e1 conectado. Sua ado\u00e7\u00e3o est\u00e1 subindo vertiginosamente, \u00e0 medida que o massacre dos dispositivos m\u00f3veis parece abranger toda a ra\u00e7a humana \u2013 s\u00e3o <a href=\"https:\/\/www.statista.com\/statistics\/330695\/number-of-smartphone-users-worldwide\/\" target=\"_blank\" rel=\"noopener noreferrer\">2,32 bilh\u00f5es de smartphones<\/a>, cerca de 30% da popula\u00e7\u00e3o global em 2017. E as mar\u00e9s em expans\u00e3o de grandes repercuss\u00f5es continuam atrapalhando os neg\u00f3cios online, que raramente fazem incurs\u00f5es no segmento de marketing m\u00f3vel.<\/p>\n<p>O sucesso no mundo cibern\u00e9tico depende da capacidade de adotar uma abordagem do conceito <em>mobile-first<\/em>, para atingir a popula\u00e7\u00e3o explosiva de usu\u00e1rios de dispositivos. E para as organiza\u00e7\u00f5es que se esfor\u00e7am para atingir efetivamente a popula\u00e7\u00e3o m\u00f3vel em massa, recompensas inimagin\u00e1veis \u200b\u200baparecem logo no in\u00edcio.<\/p>\n<figure id=\"attachment_21476\" aria-describedby=\"caption-attachment-21476\" style=\"width: 1002px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-21476 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/dispositivos-moveis-vs-desktop.png\" alt=\"Dispositivos m\u00f3veis vs desktop\" width=\"1002\" height=\"320\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/dispositivos-moveis-vs-desktop.png 1002w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/dispositivos-moveis-vs-desktop-300x96.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/dispositivos-moveis-vs-desktop-768x245.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/dispositivos-moveis-vs-desktop-610x195.png 610w\" sizes=\"auto, (max-width: 1002px) 100vw, 1002px\" \/><figcaption id=\"caption-attachment-21476\" class=\"wp-caption-text\">Dispositivos m\u00f3veis vs desktop<\/figcaption><\/figure>\n<p>Por outro lado, o marketing na Internet voltado aos desktops \u00e9 da \u00faltima d\u00e9cada. Pesquise os termos &#8220;Era p\u00f3s-PC&#8221;, &#8220;queda livre de vendas de PCs&#8221; e a &#8220;morte dos computadores de mesa&#8221; e o resultado ser\u00e1 uma infinidade de not\u00edcias e mat\u00e9rias jornal\u00edsticas retratando um futuro sombrio para organiza\u00e7\u00f5es que ainda permanecem apenas com uma base de usu\u00e1rios de desktop.<\/p>\n<p>Para esses atrasados da ind\u00fastria, ainda n\u00e3o \u00e9 tarde demais para adotar uma estrat\u00e9gia para dispositivos m\u00f3veis. No entanto, essa abordagem nem sempre se paga em neg\u00f3cios online voltados para o futuro, quando eles n\u00e3o conseguem realmente otimizar seu alcance para uma base de usu\u00e1rios de dispositivos m\u00f3veis.<\/p>\n<p>N\u00e3o h\u00e1 nada pior do que tomar uma dire\u00e7\u00e3o errada para a mobilidade, do que n\u00e3o seguir algumas etapas vitais e n\u00e3o preencher o espa\u00e7o necess\u00e1rio para alcan\u00e7ar clientes m\u00f3veis de maneira eficiente. Essas lacunas est\u00e3o centradas na falta de sites m\u00f3veis responsivos e de alto desempenho.<\/p>\n<h3>Dispositivos m\u00f3veis vs desktop \u2013 Por que \u00e9 importante?<\/h3>\n<p>Porque todo mundo est\u00e1 fazendo isso, para come\u00e7ar. A competi\u00e7\u00e3o pelo espa\u00e7o m\u00f3vel \u00e9 intensa e em 2014, c CEO do Yahoo o classificou como o \u201c<a href=\"http:\/\/www.cnbc.com\/id\/101353869\" target=\"_blank\" rel=\"noopener noreferrer\">ponto de inflex\u00e3o<\/a>\u201d da Internet. E ela estava certa! O Stone Temple extraiu algumas <a href=\"https:\/\/web.archive.org\/web\/20211022071520\/https:\/\/blogs.perficient.com\/2017\/04\/05\/mobile-vs-desktop-usage-mobile-grows-but-desktop-still-a-big-player-in-2017\/\" target=\"_blank\" rel=\"noopener noreferrer\">estat\u00edsticas<\/a> do Similar Web em 2017 e, n\u00e3o para nossa surpresa, dispositivos m\u00f3veis representaram mais de 50% do tr\u00e1fego, com base em 77 bilh\u00f5es de visitas ao website.<\/p>\n<figure id=\"attachment_21477\" aria-describedby=\"caption-attachment-21477\" style=\"width: 1344px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21477\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/total-agregado-de-visitas-em-desktop-vs-dispositivos-moveis-.png\" alt=\"Total agregado de visitas em desktop vs dispositivos m\u00f3veis \" width=\"1344\" height=\"723\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/total-agregado-de-visitas-em-desktop-vs-dispositivos-moveis-.png 1344w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/total-agregado-de-visitas-em-desktop-vs-dispositivos-moveis--300x161.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/total-agregado-de-visitas-em-desktop-vs-dispositivos-moveis--768x413.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/total-agregado-de-visitas-em-desktop-vs-dispositivos-moveis--1024x551.png 1024w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/total-agregado-de-visitas-em-desktop-vs-dispositivos-moveis--610x328.png 610w\" sizes=\"auto, (max-width: 1344px) 100vw, 1344px\" \/><figcaption id=\"caption-attachment-21477\" class=\"wp-caption-text\">Total agregado de visitas em desktop vs dispositivos m\u00f3veis (Imagem: <u><a href=\"https:\/\/www.stonetemple.com\/mobile-vs-desktop-usage-mobile-grows-but-desktop-still-a-big-player\/\" target=\"_blank\" rel=\"noopener noreferrer\">Stone Temple<\/a><\/u>)<\/figcaption><\/figure>\n<p>Aqui est\u00e3o algumas estat\u00edsticas adicionais:<\/p>\n<ul class=\"statlist\">\n<li>87%\u00a0dos cidad\u00e3os dos EUA possuem um dispositivo m\u00f3vel.<\/li>\n<li>45%\u00a0destes possuem smartphones.<\/li>\n<li>90%\u00a0destes ficam online atrav\u00e9s do dispositivo m\u00f3vel.<\/li>\n<li>Estes usu\u00e1rios navegam atrav\u00e9s de Internet m\u00f3vel em media de 1,4 hora por dia.<\/li>\n<li>74%\u00a0abandonam sites m\u00f3veis se eles n\u00e3o carregarem em menos de cinco segundos.<\/li>\n<\/ul>\n<p>Todo o foco deve estar no tratamento das duas entidades \u2013 m\u00f3vel e desktop \u2013 separadamente, pelo menos do ponto de vista do design do site. Sem essa estrat\u00e9gia, a experi\u00eancia do usu\u00e1rio m\u00f3vel no acesso \u00e0s vers\u00f5es desktop de sites geralmente \u00e9 comprometida em termos de tempo de carregamento de p\u00e1gina, usabilidade e funcionalidade. Comprometer esses aspectos centrais de sites para dispositivos m\u00f3veis pode for\u00e7ar as empresas online a enfrentarem implica\u00e7\u00f5es negativas \u00f3bvias, incluindo:<\/p>\n<ul class=\"biglist\">\n<li><strong>Baixas compras em dispositivos m\u00f3veis: <\/strong>Compradores em dispositivos m\u00f3veis t\u00eam menos aten\u00e7\u00e3o e paci\u00eancia que usu\u00e1rios desktop.<\/li>\n<li><strong>Perda para concorr\u00eancia: <\/strong>De acordo com uma pesquisa com mais de mil usu\u00e1rios adultos de smartphones nos EUA, quase 75% dos entrevistados respondeu que prefere visitar novamente sites de com\u00e9rcio eletr\u00f4nico m\u00f3veis que oferecem uma boa experi\u00eancia do usu\u00e1rio.<\/li>\n<li><strong>Perda de valor da marca: <\/strong>Websites m\u00f3veis projetados de forma ruim, que simplesmente reduzem o HTML do site desktop e fazem os usu\u00e1rios ampliarem e reduzirem as imagens em dispositivos m\u00f3veis faz com que os visitantes se envolvam menos com a companhia no futuro.<\/li>\n<\/ul>\n<p>Essas consequ\u00eancias impedem que os seguintes objetivos com clientes que utilizam Internet m\u00f3vel sejam alcan\u00e7ados:<\/p>\n<ul class=\"biglist\">\n<li>Expans\u00e3o da base de clientes.<\/li>\n<li>Novas op\u00e7\u00f5es de an\u00fancios.<\/li>\n<li>Oferecer servi\u00e7os de qualidade, de forma eficiente para a conveni\u00eancia do usu\u00e1rio.<\/li>\n<li>E o mais preocupante \u00e9 a incapacidade de utilizar a web m\u00f3vel de forma produtiva, para desenvolver novos neg\u00f3cios.<\/li>\n<\/ul>\n<p>Desktops e dispositivos m\u00f3veis diferem em recursos de tecnologia, formas e interfaces de usu\u00e1rio \u2013 todos os aspectos que governam as implementa\u00e7\u00f5es da otimiza\u00e7\u00e3o de desempenho do site. Sem otimizar os sites para dispositivos m\u00f3veis separadamente, para oferecer o melhor desempenho das p\u00e1ginas, v\u00e1rios KPIs dos sites degradam e afetam negativamente a experi\u00eancia do usu\u00e1rio em dispositivos m\u00f3veis.<\/p>\n<p>E como as tecnologias m\u00f3veis proporcionam aos usu\u00e1rios a capacidade de pesquisar na web enquanto est\u00e3o em p\u00e9, caminhando ou at\u00e9 mesmo deitados confortavelmente no sof\u00e1, a vontade de controlar as opera\u00e7\u00f5es do site impulsiona as expectativas do usu\u00e1rio al\u00e9m dos padr\u00f5es convencionais aplic\u00e1veis \u200b\u200bapenas aos desktops. A capacidade de fornecer conte\u00fado de sites para dispositivos m\u00f3veis dentro desse curto per\u00edodo de aten\u00e7\u00e3o de cerca de dois segundos faz toda a diferen\u00e7a para conquistar a fidelidade do cliente e atingir um relacionamento comercial de longo prazo com os usu\u00e1rios de Internet m\u00f3vel.<\/p>\n<figure id=\"attachment_21478\" aria-describedby=\"caption-attachment-21478\" style=\"width: 206px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21478\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/objetivos-da-web.png\" alt=\"Objetivos da web\" width=\"206\" height=\"300\"><figcaption id=\"caption-attachment-21478\" class=\"wp-caption-text\">Objetivos da web<\/figcaption><\/figure>\n<h3>Um site para dispositivos m\u00f3veis de alto desempenho e espa\u00e7o competitivo para altas convers\u00f5es<\/h3>\n<p>Considerando o alto volume de tr\u00e1fego na Internet, atrav\u00e9s de dispositivos m\u00f3veis, para compras no com\u00e9rcio eletr\u00f4nico, os sites para dispositivos m\u00f3veis de alto desempenho s\u00e3o uma prioridade evidente para as empresas de com\u00e9rcio eletr\u00f4nico. <a href=\"http:\/\/www.clickz.com\/clickz\/column\/2347596\/pcs-tablets-and-mobile-phones-each-play-a-different-role-in-local-search\" target=\"_blank\" rel=\"noopener noreferrer\">Um estudo recente<\/a> revelou que as empresas de com\u00e9rcio eletr\u00f4nico podem perder milh\u00f5es de compradores m\u00f3veis, cuja receita potencial agregada por convers\u00e3o \u00e9 de, em m\u00e9dia, 80% se comparada com usu\u00e1rios desktop que fazem compras online.<\/p>\n<p>A taxa de convers\u00e3o entre pequenas empresas de com\u00e9rcio eletr\u00f4nico que operam sites m\u00f3veis de baixo desempenho \u00e9, normalmente, de 0,6% em compara\u00e7\u00e3o com a taxa de convers\u00e3o de 1,6% das empresas de com\u00e9rcio eletr\u00f4nico para desktops que est\u00e3o no mesmo segmento de tamanho.<\/p>\n<p>Os usu\u00e1rios de tablets, por outro lado, gastam 20% a mais que os usu\u00e1rios de desktop. Ao capturar esse p\u00fablico, as empresas online que est\u00e3o invadindo o segmento de marketing de Internet m\u00f3vel podem esperar fluxos de receita altos, que poderiam substituir p\u00fablico de desktops um dia \u2013 embora esse dia ainda pare\u00e7a estar um pouco longe demais.<\/p>\n<figure id=\"attachment_21479\" aria-describedby=\"caption-attachment-21479\" style=\"width: 374px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21479\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fluxos-de-receita-de-websites.png\" alt=\"Fluxos de receita de websites\" width=\"374\" height=\"202\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fluxos-de-receita-de-websites.png 374w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fluxos-de-receita-de-websites-300x162.png 300w\" sizes=\"auto, (max-width: 374px) 100vw, 374px\" \/><figcaption id=\"caption-attachment-21479\" class=\"wp-caption-text\">Fluxos de receita de websites<\/figcaption><\/figure>\n<p>No entanto, a demanda para satisfazer as necessidades dos usu\u00e1rios m\u00f3veis continuar\u00e1 a crescer exponencialmente. A otimiza\u00e7\u00e3o de mecanismos de pesquisa de sites para dispositivos m\u00f3veis agora \u00e9 um fator separado \u2013 assim como a otimiza\u00e7\u00e3o de velocidade de sites para dispositivos m\u00f3veis, que \u00e9 composta por:<\/p>\n<ul class=\"biglist\">\n<li>Alta velocidade da p\u00e1gina<\/li>\n<li>Baixo tempo de carregamento<\/li>\n<li>Entrega eficiente de conte\u00fado de m\u00eddia<\/li>\n<li>Velocidade de download<\/li>\n<li>Formato otimizado do site<\/li>\n<li>Navega\u00e7\u00e3o e usabilidade f\u00e1ceis pelo website<\/li>\n<li>E um sites totalmente funcional, que exige poucas a\u00e7\u00f5es do usu\u00e1rio para desempenhar atividades complexas na utiliza\u00e7\u00e3o de Internet m\u00f3vel.<\/li>\n<\/ul>\n<p>Ao abordar essas quest\u00f5es, os sites presentes na Internet m\u00f3vel podem esperar competir com seus competidores maiores, desfrutando de taxas de convers\u00e3o de at\u00e9 1,2% (duas vezes mais do que as taxas de convers\u00e3o de sites de desktop!) e muito mais de 80% da receita por convers\u00e3o conseguida com as vers\u00f5es desktop de seus sites.<\/p>\n<h3>O mais r\u00e1pido que cruzar na linha de chegada ficar\u00e1 no lugar mais alto do p\u00f3dio<\/h3>\n<p>Portanto, n\u00e3o \u00e9 surpreendente que as empresas da Fortune 100 tenham uma <a href=\"http:\/\/www.marketingcharts.com\/wp\/online\/average-mobile-page-load-time-for-a-fortune-100-company-is-about-5-seconds-37293\/\" target=\"_blank\" rel=\"noopener noreferrer\">m\u00e9dia de cinco segundos<\/a> nos tempos de carregamento da p\u00e1gina de seus sites para dispositivos m\u00f3veis \u2013 isso \u00e9 dois segundos mais r\u00e1pido do que os padr\u00f5es aceit\u00e1veis \u200b\u200bm\u00e9dios (m\u00e1ximo de sete segundos).<\/p>\n<figure id=\"attachment_21480\" aria-describedby=\"caption-attachment-21480\" style=\"width: 526px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21480\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/tempo-medio-de-carregamento-da-pagina.png\" alt=\"Tempo m\u00e9dio de carregamento da p\u00e1gina\" width=\"526\" height=\"255\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/tempo-medio-de-carregamento-da-pagina.png 526w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/tempo-medio-de-carregamento-da-pagina-300x145.png 300w\" sizes=\"auto, (max-width: 526px) 100vw, 526px\" \/><figcaption id=\"caption-attachment-21480\" class=\"wp-caption-text\">Tempo m\u00e9dio de carregamento da p\u00e1gina<\/figcaption><\/figure>\n<p>Para empresas de com\u00e9rcio eletr\u00f4nico, no entanto, cinco segundos de tempo de carregamento da p\u00e1gina talvez sejam suficientes para que os visitantes busquem uma alternativa mais r\u00e1pida. E no segmento de varejo, alguns sites carregam t\u00e3o r\u00e1pido quanto o Google \u2013 os tempos de carregamento da p\u00e1gina s\u00e3o t\u00e3o baixos quanto um segundo!<\/p>\n<p>Isso \u00e9 extremamente r\u00e1pido, semelhante ao foco do Google na velocidade da p\u00e1gina e na capacidade de resposta do site. No entanto, esse \u00e9 o tempo m\u00e9dio de carregamento da p\u00e1gina de <a href=\"http:\/\/www.marketingcharts.com\/wp\/online\/top-100-multichannel-retailers-mobile-sites-16-load-in-less-than-1-second-38068\/\" target=\"_blank\" rel=\"noopener noreferrer\">16 dos 100<\/a> principais varejistas de multicanais, colhendo os frutos de um site m\u00f3vel incrivelmente r\u00e1pido e assim, gerando n\u00fameros de receita na casa de muitos bilh\u00f5es de d\u00f3lares vindos de clientes m\u00f3veis.<\/p>\n<p>O Google descreve v\u00e1rias altera\u00e7\u00f5es (<a href=\"https:\/\/developers.google.com\/speed\/docs\/best-practices\/mobile\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a> e <a href=\"https:\/\/developers.google.com\/speed\/articles\/mobile\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a>) no design de sites para dispositivos m\u00f3veis, para renderizar p\u00e1ginas da web em telas de celulares em at\u00e9 um segundo \u2013 mesmo que voc\u00ea n\u00e3o seja uma empresa da Fortune 100 ou uma das 100 maiores varejistas de com\u00e9rcio eletr\u00f4nico!<\/p>\n<p>Para aqueles que dominam o assunto de desenvolvimento web m\u00f3vel na palma de suas m\u00e3os, o World Wide Web Consortium (W3C), uma organiza\u00e7\u00e3o sem fins lucrativos, fornece diversas pr\u00e1ticas recomendadas (<a href=\"http:\/\/www.w3.org\/TR\/mobile-bp\/\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a> e <a href=\"http:\/\/www.wipo.int\/edocs\/mdocs\/it\/en\/wipo_itu_wai_ge_10\/wipo_itu_wai_ge_10_ref_a05archer.ppt\" target=\"_blank\" rel=\"noopener noreferrer\">aqui<\/a>). \u00c9 uma leitura longa, que demonstra como a otimiza\u00e7\u00e3o de sites para dispositivos m\u00f3veis \u00e9 importante e intensa!<\/p>\n<p>E para os propriet\u00e1rios de empresas que empregam desenvolvedores web para projetarem sites para dispositivos m\u00f3veis altamente responsivos e com velocidade otimizada, as melhorias devem ser buscadas nos tr\u00eas seguintes ingredientes da anatomia do website:<\/p>\n<ul>\n<li><strong>Grades flu\u00eddas<\/strong><\/li>\n<li><strong>Imagens flex\u00edveis<\/strong><\/li>\n<li><strong>Consultas de m\u00eddia<\/strong><\/li>\n<\/ul>\n<p>E um foco no design dos seguintes elementos de sites m\u00f3veis:<\/p>\n<ul class=\"padding_top20\">\n<li><strong>Cabe\u00e7alho<\/strong><\/li>\n<li><strong>Galeria de Imagens<\/strong><\/li>\n<li><strong>Descri\u00e7\u00e3o de Produtos<\/strong><\/li>\n<li><strong>Informa\u00e7\u00f5es Adicionais<\/strong><\/li>\n<li><strong>Rodap\u00e9<\/strong><\/li>\n<\/ul>\n<p>Os clientes apreciam sites de resposta r\u00e1pida e tempos de carregamento de p\u00e1gina muito baixos. A tecnologia m\u00f3vel e a inova\u00e7\u00e3o, associadas \u00e0 crescente depend\u00eancia de smartphones e tablets, n\u00e3o mostram sinais de desacelera\u00e7\u00e3o. Os principais varejistas online entendem a necessidade de fornecer conte\u00fado de maneira eficiente, que vai dos servidores da web ao pequeno espa\u00e7o real das telas de dispositivos m\u00f3veis. Obter sites totalmente projetados e dedicados para plataformas m\u00f3veis permite que os clientes tomem decis\u00f5es de compra r\u00e1pidas e instru\u00eddas, que acabam criando fluxos de receita ilimitados para empresas online.<\/p>\n<figure id=\"attachment_21481\" aria-describedby=\"caption-attachment-21481\" style=\"width: 800px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21481\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compras-em-dispositivos-moveis.png\" alt=\"Compras em dispositivos m\u00f3veis\" width=\"800\" height=\"389\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compras-em-dispositivos-moveis.png 800w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compras-em-dispositivos-moveis-300x146.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compras-em-dispositivos-moveis-768x373.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compras-em-dispositivos-moveis-610x297.png 610w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><figcaption id=\"caption-attachment-21481\" class=\"wp-caption-text\">Compras em dispositivos m\u00f3veis<\/figcaption><\/figure>\n<p><a href=\"http:\/\/searchenginewatch.com\/article\/2348076\/60-of-Consumers-Use-Mobile-Exclusively-to-Make-Purchase-Decisions-Study\" target=\"_blank\" rel=\"noopener noreferrer\">60% dos consumidores<\/a> usam exclusivamente, dispositivos m\u00f3veis para tomar decis\u00f5es r\u00e1pidas de compra. Dispositivos m\u00f3veis e desktops ou notebooks s\u00e3o considerados igualmente importantes como fontes de informa\u00e7\u00e3o da m\u00eddia, \u2013 42% dos usu\u00e1rios de Internet preferem o celular, contra 43% do PC\/notebook \u2013 mas a conveni\u00eancia de acessar a web atrav\u00e9s de dispositivos m\u00f3veis est\u00e1 impulsionando a Internet m\u00f3vel para novas oportunidades de neg\u00f3cios.<\/p>\n<p>E se voc\u00ea ainda pretende ignorar o desempenho de sites para dispositivos m\u00f3veis, talvez voc\u00ea deva reconsiderar as oportunidades e o sucesso alcan\u00e7ados, na maioria das vezes, com um sites para dispositivos m\u00f3veis dedicado, otimizado e veloz.<\/p>\n<\/section>\n<section id=\"section4\">\n<h2 id=\"business-mistakes\">Cap\u00edtulo 4 \u2013 Erros comuns de neg\u00f3cios que afetam o desempenho do site<\/h2>\n<p>Os mercados online \u2013 assim como campos de batalha dos antigos gregos \u2013 s\u00e3o plataformas competitivas de alta participa\u00e7\u00e3o, nas quais apenas os mais diligentes sobrevivem. E como em todas as grandes batalhas, fatores humanos (erros de decis\u00e3o, enganos e ignor\u00e2ncia) contribuem significativamente para o resultado final nas competi\u00e7\u00f5es entre neg\u00f3cios online.<\/p>\n<p>No entanto, as empresas online e os webmasters respons\u00e1veis \u200b\u200bpor manter sites de alto desempenho e totalmente otimizados tendem a negligenciar elementos cruciais de design na web, que prejudicam os tempos de carregamento do site. E as consequ\u00eancias s\u00e3o geralmente t\u00e3o perigosas quanto o Cavalo de Tr\u00f3ia, que penetrou atrav\u00e9s de defesas fortificadas e assumiu o controle total sobre a cidade de Tr\u00f3ia, apesar do tamanho e do dom\u00ednio do ex\u00e9rcito troiano.<\/p>\n<p>A competi\u00e7\u00e3o pelo sucesso dos neg\u00f3cios online \u00e9 t\u00e3o intensa que chega a ser um pouco violenta. A luta pela aten\u00e7\u00e3o do cliente resume-se a entregar o conte\u00fado solicitado com mais efici\u00eancia e precis\u00e3o, independentemente do tamanho da empresa e das conquistas anteriores. E assim como os erros humanos e a ignor\u00e2ncia, que ditaram o resultado da Guerra de Tr\u00f3ia, os erros comuns que prejudicam o desempenho do site tendem a determinar o resultado da competi\u00e7\u00e3o das empresas online \u2013 o mais r\u00e1pido a cruzar a linha de chegada vence a corrida!<\/p>\n<figure id=\"attachment_21482\" aria-describedby=\"caption-attachment-21482\" style=\"width: 1000px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21482\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/o-site-como-menor-tempo-de-carregamento-vence.png\" alt=\"O site com o menor tempo de carregamento vence\" width=\"1000\" height=\"362\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/o-site-como-menor-tempo-de-carregamento-vence.png 1000w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/o-site-como-menor-tempo-de-carregamento-vence-300x109.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/o-site-como-menor-tempo-de-carregamento-vence-768x278.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/o-site-como-menor-tempo-de-carregamento-vence-610x221.png 610w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-21482\" class=\"wp-caption-text\">O site com o menor tempo de carregamento vence<\/figcaption><\/figure>\n<p>O chamado Gap of Death, que \u00e9 o intervalo entre o tempo esperado de carregamento da p\u00e1gina menor que dois segundos e o tempo m\u00e9dio de carregamento do site de at\u00e9 cinco segundos se expande ou contrai de acordo com as t\u00e1ticas de otimiza\u00e7\u00e3o do site e decis\u00f5es de neg\u00f3cios negligenciadas. Ao contr\u00e1rio do sentimento popular, a otimiza\u00e7\u00e3o de velocidade \u00e9 idealmente implementada em todos os est\u00e1gios do desenvolvimento do site e n\u00e3o apenas ap\u00f3s a cria\u00e7\u00e3o de toda a p\u00e1gina, que ocorre somente quando os propriet\u00e1rios do site percebem a necessidade de aumentar a otimiza\u00e7\u00e3o de desempenho de suas p\u00e1ginas.<\/p>\n<p>Os ajustes finais e os complementos de otimiza\u00e7\u00e3o de velocidade implementados ap\u00f3s o desenvolvimento do site melhora a velocidades da p\u00e1gina, reduzindo o tempo de carregamento para que, pelo menos, atinjam o Gap of Death. Mas, mesmo dentro dessa zona de desempenho, as taxas de convers\u00e3o diminuem em 7% para cada segundo adicional ap\u00f3s o tempo esperado de carregamento da p\u00e1gina de dois segundos.<br \/>\nPor outro lado, os propriet\u00e1rios de sites cautelosos com t\u00e1ticas de otimiza\u00e7\u00e3o de velocidade podem buscar melhor desempenho, evitando os seguintes erros fatais:<\/p>\n<h3>Servi\u00e7o med\u00edocre de hospedagem<\/h3>\n<p>O erro de optar por um servi\u00e7o de hospedagem na web med\u00edocre pode durar para sempre. Com mais de <a href=\"http:\/\/www.internetlivestats.com\/total-number-of-websites\/\" target=\"_blank\" rel=\"noopener noreferrer\">1,3 bilh\u00e3o de sites<\/a> online a partir de 2017, o espa\u00e7o de hospedagem na web est\u00e1 lotado e fragmentado. A disponibilidade global de uma vasta gama de op\u00e7\u00f5es de hospedagem est\u00e1 levando as empresas e os entusiastas a estabelecerem suas presen\u00e7as no mundo cibern\u00e9tico. A demanda por servi\u00e7os econ\u00f4micos de hospedagem na web est\u00e1 aumentando exponencialmente e os provedores est\u00e3o mais do que dispostos a comprometer a qualidade do servi\u00e7o para em troca, acumular participa\u00e7\u00e3o de mercado nas camadas de baixo custo.<\/p>\n<p>Provedores med\u00edocres, que vendem servi\u00e7os econ\u00f4micos, continuam a maximizar sua lucratividade, hospedando milhares de sites em inst\u00e2ncias \u00fanicas no Apache. Servidores n\u00e3o otimizados que executam milhares de sites p\u00fablicos em uma \u00fanica pilha de servidores s\u00e3o particularmente prejudiciais para sites de com\u00e9rcio eletr\u00f4nico, caracterizados por picos incontrol\u00e1veis \u200b\u200bde tr\u00e1fego na web, conte\u00fado multim\u00eddia e grandes arquivos.<\/p>\n<p>As empresas de hospedagem e desenvolvimento web, que t\u00eam uma resposta comum para otimiza\u00e7\u00e3o de velocidade dizendo que \u201ctodo mundo tem banda larga nos dias de hoje\u201d, traduzem diretamente em perdas financeiras e prejudicam a reputa\u00e7\u00e3o da marca em neg\u00f3cios online. Um desempenho atraente no sites \u00e9 essencial para o sucesso dos neg\u00f3cios de um com\u00e9rcio eletr\u00f4nico, j\u00e1 que os sites que levam mais de tr\u00eas segundos para serem carregados <a href=\"http:\/\/blog.kissmetrics.com\/loading-time\/\" target=\"_blank\" rel=\"noopener noreferrer\">perdem imediatamente, 40% do tr\u00e1fego<\/a>. 79% dos visitantes insatisfeitos quase nunca voltam a visitar estes sites lentos de com\u00e9rcio eletr\u00f4nico!<\/p>\n<figure id=\"attachment_21483\" aria-describedby=\"caption-attachment-21483\" style=\"width: 408px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21483\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/servicos-de-hospedagem-na-web.png\" alt=\"Servi\u00e7os de hospedagem na web\" width=\"408\" height=\"580\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/servicos-de-hospedagem-na-web.png 408w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/servicos-de-hospedagem-na-web-211x300.png 211w\" sizes=\"auto, (max-width: 408px) 100vw, 408px\" \/><figcaption id=\"caption-attachment-21483\" class=\"wp-caption-text\">Servi\u00e7os de hospedagem na web<\/figcaption><\/figure>\n<p>Talvez, ent\u00e3o, investir tempo e dinheiro na busca dos servi\u00e7os de hospedagem na web da mais alta qualidade seja a chave para manter sites de alto desempenho, gerando vastos fluxos de receita, atraindo a aten\u00e7\u00e3o do visitante com efici\u00eancia e precis\u00e3o.<\/p>\n<h3>Dando prioridade aos ladr\u00f5es de largura de banda<\/h3>\n<p>A otimiza\u00e7\u00e3o de velocidade de um site \u00e9 um processo cont\u00ednuo e em evolu\u00e7\u00e3o, e vai muito al\u00e9m da assinatura dos melhores servi\u00e7os de hospedagem na web do mundo. Algumas decis\u00f5es de neg\u00f3cios destinadas a maximizar a receita, alterando o design e os recursos do website, afetam negativamente o desempenho do site, ao roubar peda\u00e7os significativos da largura de banda alocada a cada visitante individual.<\/p>\n<h3>Excesso de widgets e plugins<\/h3>\n<p>Recursos e funcionalidades adicionais sempre agradam aos propriet\u00e1rios e desenvolvedores de sites. Widgets e plugins permitem mudan\u00e7as convenientes em sites existentes, mas trazem consigo uma pequena sobrecarga no desempenho do mesmo. Mesmo o menor dos widgets, como a caixa do bot\u00e3o do Google+, pode afetar o desempenho do site em termos de tempo de carregamento da p\u00e1gina, aumentando-a em at\u00e9 dois segundos em alguns casos.<\/p>\n<p>A caixa de curtidas do Facebook \u00e9 outra causadora de lentid\u00e3o comum, j\u00e1 que \u00e9 conhecida por adicionar mais de 40 solicita\u00e7\u00f5es HTTP (como visto abaixo). No site de um de nossos clientes, vimos que essa caixa adicionou 700 KB ao peso geral da p\u00e1gina, o que n\u00e3o \u00e9 bom!<\/p>\n<figure id=\"attachment_21484\" aria-describedby=\"caption-attachment-21484\" style=\"width: 1653px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21484\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-do-widget-do-facebook.png\" alt=\"Solicita\u00e7\u00f5es do widget do Facebook\" width=\"1653\" height=\"1179\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-do-widget-do-facebook.png 1653w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-do-widget-do-facebook-300x214.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-do-widget-do-facebook-768x548.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-do-widget-do-facebook-1024x730.png 1024w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-do-widget-do-facebook-610x435.png 610w\" sizes=\"auto, (max-width: 1653px) 100vw, 1653px\" \/><figcaption id=\"caption-attachment-21484\" class=\"wp-caption-text\">Solicita\u00e7\u00f5es do widget do Facebook<\/figcaption><\/figure>\n<p>Manter os complementos limitados a um n\u00famero m\u00ednimo \u00e9 essencial para conseguir um \u00f3timo desempenho do site \u2013 e at\u00e9 mesmo plugins instalados no mesmo n\u00facleo do site competem para fornecer a resposta mais r\u00e1pida \u00e0s solicita\u00e7\u00f5es do navegador, drenando a largura de banda.<\/p>\n<p>\u00c0s vezes, a qualidade e a funcionalidade dos plugins instalados s\u00e3o muito mais importantes do que o n\u00famero em si. Plugins que consultam grandes fluxos de dados para executar opera\u00e7\u00f5es complexas devem fazer isso fora do servidor e n\u00e3o dentro de ambientes de hospedagem de sites como o WordPress.<\/p>\n<h3>Excesso de an\u00fancios e servi\u00e7os externos<\/h3>\n<p>Por mais tentador que possa parecer vender muitos espa\u00e7os para anunciantes terceirizados prejudica drasticamente o desempenho de um site. Muitos an\u00fancios, ou an\u00fancios de carregamento lento, geram taxas de rejei\u00e7\u00e3o e t\u00eam um impacto negativo no com\u00e9rcio online. As perdas financeiras que v\u00eam com altas taxas de rejei\u00e7\u00e3o superam os benef\u00edcios monet\u00e1rios de oferecer vastos espa\u00e7os no site para os anunciantes.<\/p>\n<figure id=\"attachment_21485\" aria-describedby=\"caption-attachment-21485\" style=\"width: 1689px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21485\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/pingdom-de-servicos-externos.png\" alt=\"Pingdom de servi\u00e7os externos\" width=\"1689\" height=\"1106\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/pingdom-de-servicos-externos.png 1689w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/pingdom-de-servicos-externos-300x196.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/pingdom-de-servicos-externos-768x503.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/pingdom-de-servicos-externos-1024x671.png 1024w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/pingdom-de-servicos-externos-610x399.png 610w\" sizes=\"auto, (max-width: 1689px) 100vw, 1689px\" \/><figcaption id=\"caption-attachment-21485\" class=\"wp-caption-text\">Pingdom de servi\u00e7os externos<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinqsta.com\/pt\/blog\/desempenho-terceiros\/\" target=\"_blank\" rel=\"noopener noreferrer\">Os servi\u00e7os externos<\/a> normalmente trazem consigo dois problemas. Um \u00e9 provocado pelo volume absoluto, o outro tem a ver com esperar at\u00e9 que eles carreguem.<\/p>\n<ul>\n<li>Se voc\u00ea tiver muitos servi\u00e7os externos, precisar\u00e1 carregar todos eles e aguardar suas informa\u00e7\u00f5es em cada carregamento de p\u00e1gina. Quanto mais solicita\u00e7\u00f5es voc\u00ea tiver, mais voc\u00ea esperar\u00e1, maior ser\u00e1 a carga em seu pr\u00f3prio servidor e maior probabilidade de voc\u00ea encontrar o segundo problema.<\/li>\n<li>Em alguns casos, o carregamento da p\u00e1gina aguardar\u00e1 at\u00e9 que a transfer\u00eancia de dados seja conclu\u00edda entre seu site e o servi\u00e7o externo. Se o servi\u00e7o for solicitado no cabe\u00e7alho e houver uma interrup\u00e7\u00e3o do mesmo, sua p\u00e1gina simplesmente se recusar\u00e1 a ser carregada.<\/li>\n<\/ul>\n<p>De acordo com <a href=\"http:\/\/www.websiteoptimization.com\/speed\/tweak\/advertising\/\" target=\"_blank\" rel=\"noopener noreferrer\">um estudo<\/a>, o custo de gerar receita com banners \u00e9 quase 33% de lat\u00eancia adicional. An\u00fancios pop-up intrusivos agravam ainda mais a situa\u00e7\u00e3o e fazem com que os visitantes a abandonem os sites em taxas ainda mais altas.<\/p>\n<p>Um c\u00f3digo de afiliado, mesmo com aquelas poucas linhas adicionais de script, ocupa um valioso espa\u00e7o de mem\u00f3ria no ambiente de hospedagem e exige ciclos de processamento adicionais para entregar o conte\u00fado aos usu\u00e1rios finais.<\/p>\n<p>No entanto, an\u00fancios online \u00e9 a principal fonte de renda para muitos neg\u00f3cios (pense no Google e no Facebook!) e um modelo otimizado de publicidade no site aumenta muito sua receita, minimizando o custo dos atrasos na lat\u00eancia e no carregamento das p\u00e1ginas.<\/p>\n<h3>Tema exagerado e multim\u00eddia incompat\u00edvel<\/h3>\n<p>Os tentadores temas de sites e conte\u00fado multim\u00eddia chamam aten\u00e7\u00e3o para o tr\u00e1fego online. Isso, claro, se o conte\u00fado chegar aos olhos dos visitantes impacientes com rapidez suficiente. Imagens e v\u00eddeos de alta qualidade (com muitos pixels e um arquivo \u00a0detamanho grande) demoram mais tempo para serem baixados pelos navegadores, enquanto gr\u00e1ficos leves e de baixa qualidade mal captam a aten\u00e7\u00e3o do usu\u00e1rio, apesar de seus tempos de carregamento mais baixos.<\/p>\n<p>Entretanto, o conte\u00fado intenso de gr\u00e1ficos nem sempre \u00e9 o fator decisivo na gera\u00e7\u00e3o de convers\u00f5es e vendas. Isso \u00e9 verdade especialmente para sites de com\u00e9rcio eletr\u00f4nico que precisam conter imagens e v\u00eddeos de produtos que tenham um carregamento r\u00e1pido e que descrevam o valor dos produtos e n\u00e3o necessariamente sua beleza visual.<\/p>\n<p>Problemas de compatibilidade tamb\u00e9m afetam o desempenho de aplicativos e multim\u00eddia em determinados navegadores e locais geogr\u00e1ficos. Tome o Google Chrome e o Shockwave Flash como um exemplo. Os dois raramente funcionam bem um com o outro. Da mesma forma, as restri\u00e7\u00f5es do governo tamb\u00e9m podem impedir que algum conte\u00fado multim\u00eddia espec\u00edfico chegue aos visitantes locais.<\/p>\n<p>Sites com conte\u00fado multim\u00eddia n\u00e3o funcional exigem ciclos de comunica\u00e7\u00e3o cliente-servidor excessivos para alcan\u00e7ar os navegadores dos usu\u00e1rios, o que acaba prejudicando o desempenho do site. No entanto, cabe aos propriet\u00e1rios desses sites garantir uma capacidade de servi\u00e7o simplificada em todos os navegadores, formatos de dispositivos e localiza\u00e7\u00f5es geogr\u00e1ficas, pois as pol\u00edticas governamentais e a compatibilidade de navegadores mudam com o tempo e na maioria das vezes, de forma imprevis\u00edvel.<\/p>\n<figure id=\"attachment_21486\" aria-describedby=\"caption-attachment-21486\" style=\"width: 716px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21486\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/simplifique-o-conteudo.png\" alt=\"Simplifique o conte\u00fado\" width=\"716\" height=\"490\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/simplifique-o-conteudo.png 716w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/simplifique-o-conteudo-300x205.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/simplifique-o-conteudo-610x417.png 610w\" sizes=\"auto, (max-width: 716px) 100vw, 716px\" \/><figcaption id=\"caption-attachment-21486\" class=\"wp-caption-text\">Simplifique o conte\u00fado<\/figcaption><\/figure>\n<p>Carregamento r\u00e1pido e conte\u00fado multim\u00eddia totalmente funcional s\u00e3o necess\u00e1rios para que os propriet\u00e1rios de com\u00e9rcio eletr\u00f4nico mantenham contato com os visitantes de seus sites. Cada segundo de atraso no tempo de carregamento da p\u00e1gina leva os visitantes frustrados a abandonarem sites lentos e geram <a href=\"http:\/\/loadstorm.com\/2014\/04\/infographic-web-performance-impacts-conversion-rates\/\" target=\"_blank\" rel=\"noopener noreferrer\">uma perda de 7% nas taxas de convers\u00e3o<\/a>, 11% menos exibi\u00e7\u00f5es de p\u00e1gina e 16% de redu\u00e7\u00e3o na satisfa\u00e7\u00e3o do cliente.<\/p>\n<h3>Um pouco mais daquele c\u00f3digo \u2013 Formul\u00e1rios de registro e analytics<\/h3>\n<p>Formul\u00e1rios de registro e c\u00f3digo de analytics adicionam apenas algumas linhas aos arquivos principais do site. Mas quando muitas linhas \u00fanicas de c\u00f3digo ocupam espa\u00e7o no back-end, os ativos de conte\u00fado da web e os plugins com c\u00f3digos longos acabam competindo por pequenos espa\u00e7os de mem\u00f3ria, em ciclos curtos de processamento. Como resultado, o fen\u00f4meno da f\u00edsica popular da falta de linearidade entra em a\u00e7\u00e3o e cada componente tem um desempenho imprevis\u00edvel, geralmente consumindo mais ciclos de processamento do que o esperado.<\/p>\n<p>Do ponto de vista dos usu\u00e1rios finais, os servi\u00e7os em excesso muitas vezes s\u00e3o desnecess\u00e1rios ou pelo menos, considerados secund\u00e1rios diante do conte\u00fado real retratado pelo site. Muitos sites hospedam mais de 80 ativos (imagens, plugins, complementos e outros conte\u00fados multim\u00eddia) e todo esse conte\u00fado n\u00e3o \u00e9 necessariamente fornecido como prefer\u00eancia dos usu\u00e1rios. Investimentos adicionais no desenvolvimento de sites ricos em m\u00eddia acabam saindo pela culatra quando as informa\u00e7\u00f5es realmente solicitadas pelos usu\u00e1rios finais n\u00e3o podem ser entregues por causa de formul\u00e1rios de registro irrelevantes, c\u00f3digos de analytics e outros conte\u00fados que adicionam peso desnecess\u00e1rio ao site.<\/p>\n<h3>Erros de dispositivos m\u00f3veis e redirecionamentos equivocados<\/h3>\n<p>Espera-se que a ado\u00e7\u00e3o global de smartphones ultrapasse a <a href=\"https:\/\/www.statista.com\/statistics\/330695\/number-of-smartphone-users-worldwide\/\" target=\"_blank\" rel=\"noopener noreferrer\">marca de 2,7 bilh\u00f5es at\u00e9 2019<\/a>, quando 83% dos usu\u00e1rios da Internet a acessar\u00e3o por meio de dispositivos m\u00f3veis. 30% do tr\u00e1fego dos sites de com\u00e9rcio eletr\u00f4nico em 2016 veio de dispositivos m\u00f3veis e esse n\u00famero continua a crescer exponencialmente com a explos\u00e3o da base de usu\u00e1rios de smartphones.<\/p>\n<figure style=\"width: 200px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/smartphones.png\" alt=\"Smartphones\" width=\"200\" height=\"212\"><figcaption class=\"wp-caption-text\">Smartphones<\/figcaption><\/figure>\n<p>A competi\u00e7\u00e3o para chamar a aten\u00e7\u00e3o dos usu\u00e1rios de dispositivos m\u00f3veis \u00e9 ainda mais intensa devido ao carregamento lento dos sites m\u00f3veis e dos n\u00edveis de paci\u00eancia dos visitantes cada vez mais baixos. <a href=\"http:\/\/blog.kissmetrics.com\/loading-time\/\" target=\"_blank\" rel=\"noopener noreferrer\">60% dos usu\u00e1rios<\/a> de dispositivos m\u00f3veis esperam que os sites carreguem em at\u00e9 tr\u00eas segundos. E, em m\u00e9dia, tr\u00eas em cada quatro pessoas abandonam um site para dispositivos m\u00f3veis se ele demorar mais que cinco segundos para ser carregado, enquanto um sites m\u00f3vel demora, em m\u00e9dia, de 6 a 10 segundos para carregar.<\/p>\n<p>Atrasos excessivos no tempo de carregamento das p\u00e1ginas m\u00f3veis ocorrem principalmente quando os sites n\u00e3o s\u00e3o otimizados e projetados para oferecer alto desempenho em uma interface de um dispositivo m\u00f3vel. Mesmo com p\u00e1ginas dedicadas e otimizadas para smartphones, os usu\u00e1rios destes dispositivos nem sempre s\u00e3o redirecionados para as vers\u00f5es m\u00f3veis das p\u00e1ginas solicitadas pelos navegadores.<\/p>\n<p>Redirecionamentos s\u00e3o instru\u00e7\u00f5es que enviam usu\u00e1rios que buscam a URL de site para outra que (supostamente) cont\u00e9m as informa\u00e7\u00f5es exatas solicitadas pelos usu\u00e1rios. Os redirecionamentos s\u00e3o mais eficazes para os usu\u00e1rios de dispositivos m\u00f3veis que pesquisam vers\u00f5es para desktop das p\u00e1ginas, que devem ser bem mapeadas e direcionarem para suas vers\u00f5es m\u00f3veis equivalentes, fornecendo assim uma melhor experi\u00eancia ao usu\u00e1rio do site.<\/p>\n<p>Ao fazer isso de maneira imprecisa, os usu\u00e1rios s\u00e3o impedidos de deixar os arquivos indesejados do site at\u00e9 que cheguem onde querem. Isso causa atrasos desnecess\u00e1rios no carregamento das informa\u00e7\u00f5es realmente procuradas pelos usu\u00e1rios finais.<\/p>\n<p>Isso \u00e9 semelhante a encontrar uma vaga livre em um estacionamento grande e lotado e ao chegar no espa\u00e7o aparentemente vazio, descobrir que ele est\u00e1 sendo ocupado por um pequeno ve\u00edculo, que n\u00e3o era vis\u00edvel \u00e0 dist\u00e2ncia. O processo continua at\u00e9 que um espa\u00e7o livre seja finalmente alcan\u00e7ado \u2013 isso se o motorista continuar procurando a vaga e n\u00e3o estiver frustrado o suficiente para sair do estacionamento.<\/p>\n<figure style=\"width: 519px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" \" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/ruins-redirecionamento.png\" alt=\"Redirecionamentos ruins\" width=\"519\" height=\"371\"><figcaption class=\"wp-caption-text\">Redirecionamentos ruins<\/figcaption><\/figure>\n<p>Os propriet\u00e1rios de sites acabam sendo respons\u00e1veis \u200b\u200bpor perder vantagens competitivas no espa\u00e7o m\u00f3vel quando o tr\u00e1fego da web \u00e9 simplesmente redirecionado para a vers\u00e3o de desktop irrelevante, ao inv\u00e9s de oferecer uma solu\u00e7\u00e3o m\u00f3vel otimizada para seus usu\u00e1rios.<\/p>\n<p>Websites que n\u00e3o s\u00e3o otimizados para dispositivos m\u00f3veis sofrem com problemas comuns, que dificultam a experi\u00eancia do usu\u00e1rio m\u00f3vel. Problemas como redirecionamentos incorretos, v\u00eddeos que n\u00e3o podem ser reproduzidos, imagens e gr\u00e1ficos grandes demais, links irrelevantes e recursos desnecess\u00e1rios fornecidos aos visitantes de dispositivos m\u00f3veis prejudicam o desempenho de sites e, consequentemente, geram maiores taxas de rejei\u00e7\u00e3o.<\/p>\n<p>Apenas 10% do per\u00edodo de espera s\u00e3o definidos pela resposta HTML \u00e0s solicita\u00e7\u00f5es do navegador, enquanto os 90% restantes s\u00e3o causados \u200b\u200bna renderiza\u00e7\u00e3o de p\u00e1ginas, na an\u00e1lise do HTML, na execu\u00e7\u00e3o dos scripts de c\u00f3digo e na recupera\u00e7\u00e3o de arquivos incorporados. A revis\u00e3o de desempenho do site com ferramentas de otimiza\u00e7\u00e3o e ajustes de scripts pode retirar partes consider\u00e1veis \u200b\u200bdos tempos de carregamento da p\u00e1gina, mas n\u00e3o s\u00e3o t\u00e3o eficientes quanto desenvolver um site veloz e otimizado do zero. E a segunda op\u00e7\u00e3o tamb\u00e9m \u00e9 mais uma estrat\u00e9gia de marketing, uma decis\u00e3o de neg\u00f3cios e uma pequena preocupa\u00e7\u00e3o em evitar os erros mais comuns que podem arruinar seus neg\u00f3cios online, ao prejudicar o desempenho do site.<\/p>\n<\/section>\n<section id=\"section5\">\n<h2 id=\"performance-bottlenecks\">Cap\u00edtulo 5 \u2013 Teste de velocidade de sites \u2013 Identificando gargalos de desempenho!<\/h2>\n<p>O tr\u00e1fego da web e a classifica\u00e7\u00e3o nos mecanismos de pesquisa s\u00e3o, basicamente, m\u00e9tricas f\u00fateis no desempenho do site. Por mais importantes que sejam, nenhuma das duas indica tanto o sucesso dos neg\u00f3cios online do que os n\u00fameros de vendas e as taxas de convers\u00e3o. Colocando as situa\u00e7\u00f5es em perspectiva, os sites de com\u00e9rcio eletr\u00f4nico com (quase) 0% de taxa de rejei\u00e7\u00e3o, 15% de taxa de convers\u00e3o e 10.000 visitantes \u00fanicos vindos de resultados de buscas se saem muito melhor do que sites com boas classifica\u00e7\u00f5es que desfrutam de 100.000 visitas \u00fanicas com apenas 0,01% de taxa de convers\u00e3o.<\/p>\n<p>O debate sobre a otimiza\u00e7\u00e3o da taxa de convers\u00e3o pode continuar por per\u00edodos muito longos, e a implementa\u00e7\u00e3o de melhores pr\u00e1ticas de neg\u00f3cios em sites bagun\u00e7ados pode levar a toneladas de investimentos, com esfor\u00e7os de execu\u00e7\u00e3o que duram meses e exigem paci\u00eancia antes que qualquer melhoria significativa na taxa de convers\u00e3o seja apresentada.<\/p>\n<p>E h\u00e1 mais motivos para convencer os cidad\u00e3os impacientes do mundo cibern\u00e9tico a comprar produtos e servi\u00e7os online do que implementar estrat\u00e9gias de neg\u00f3cios passivas para aumentar a comercializa\u00e7\u00e3o. As empresas online que se concentram em melhorar o desempenho de sites experimentam resultados imediatos, na forma de taxas de convers\u00e3o mais altas e vendas maiores.<\/p>\n<p>A velocidade da p\u00e1gina, em particular, preenche a lacuna no aprimoramento da comercializa\u00e7\u00e3o, melhorando a experi\u00eancia do usu\u00e1rio no site, para manter clientes impacientes envolvidos e satisfeitos. Um relat\u00f3rio de uma pesquisa recente publicado por O\u2019Rielly detectou melhorias na experi\u00eancia do usu\u00e1rio final de sites ao reduzir significativamente o tempo de carregamento das p\u00e1ginas, aumentando significativamente as vendas e as taxas de convers\u00e3o. As <a href=\"http:\/\/www.atilus.com\/website-speed-affect-business\/\" target=\"_blank\" rel=\"noopener noreferrer\">estat\u00edsticas impressionantes<\/a> s\u00e3o as seguintes:<\/p>\n<ul class=\"percent_list\">\n<li>+3% de convers\u00f5es por segundo, com melhorias no tempo de carregamento das p\u00e1ginas <strong>de 15 para sete segundos.<\/strong><\/li>\n<li>+2% de convers\u00f5es por segundo, com melhorias no tempo de carregamento das p\u00e1ginas <strong>de sete para cinco segundos.<\/strong><\/li>\n<li>+1% de convers\u00f5es por segundo, com melhorias no tempo de carregamento das p\u00e1ginas <strong>de quatro para dois segundos.<\/strong><\/li>\n<\/ul>\n<p>Essas estat\u00edsticas apresentam apenas como a velocidade das p\u00e1ginas impacta o sucesso dos neg\u00f3cios neste ciberespa\u00e7o competitivo. Por mais complicado que isso possa parecer reduzir grandes por\u00e7\u00f5es de tempo no carregamento das p\u00e1ginas de sites lentos \u00e9 algo relativamente simples, SE as t\u00e1ticas de otimiza\u00e7\u00e3o de velocidade forem implementadas na dire\u00e7\u00e3o certa \u2013 e este \u00e9 um grande SE quando os gargalos de desempenho s\u00e3o desconhecidos, muito complexos ou simplesmente vastos e diversos demais para serem identificados.<\/p>\n<p>A busca por um site otimizado e veloz come\u00e7a com a identifica\u00e7\u00e3o de problemas cr\u00edticos no front-end mais aparentes nos processos padr\u00e3o de testes de desempenho. <a href=\"http:\/\/www.stevesouders.com\/blog\/2012\/02\/10\/the-performance-golden-rule\/\" target=\"_blank\" rel=\"noopener noreferrer\">Steve Souders, engenheiro chefe de desempenho do Google, falou<\/a> sobre esse assunto, dizendo que &#8220;80 a 90% do tempo de resposta do usu\u00e1rio final \u00e9 gasto no front-end. Por isso, comece por a\u00ed\u201d.<\/p>\n<h3>O que testar?<\/h3>\n<p>Antes de come\u00e7ar a explora\u00e7\u00e3o dos problemas relacionados \u00e0 velocidade da p\u00e1gina, compreender o comportamento dos indicadores de desempenho de velocidade de sites mais impactantes ajuda a identificar com precis\u00e3o as brechas e lacunas no desempenho nos sites.<\/p>\n<h3>Velocidade da p\u00e1gina inicial<\/h3>\n<p>O download de toneladas de mem\u00f3ria, que contaminam o conte\u00fado do site, em mil\u00e9simos de segundo, para iniciar solicita\u00e7\u00f5es do navegador, n\u00e3o \u00e9 totalmente poss\u00edvel sem uma reformula\u00e7\u00e3o completa e otimiza\u00e7\u00e3o de velocidade de sites lentos. Em muitos casos, os visitantes s\u00f3 procuram as informa\u00e7\u00f5es prim\u00e1rias na forma de conte\u00fado ou informa\u00e7\u00f5es de produtos retratadas por p\u00e1ginas da web. Adicione muitos gr\u00e1ficos complementares e recursos do site e os tempos de renderiza\u00e7\u00e3o de p\u00e1gina aumentar\u00e3o al\u00e9m da medida.<\/p>\n<figure id=\"attachment_21487\" aria-describedby=\"caption-attachment-21487\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-21487 size-full\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/velocidade-inicial-da-pagina.png\" alt=\"Velocidade da p\u00e1gina inicial.\" width=\"600\" height=\"387\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/velocidade-inicial-da-pagina.png 600w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/velocidade-inicial-da-pagina-300x194.png 300w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><figcaption id=\"caption-attachment-21487\" class=\"wp-caption-text\">Velocidade da p\u00e1gina inicial.<\/figcaption><\/figure>\n<p>Manter a velocidade inicial da p\u00e1gina alta mant\u00e9m os visitantes engajados, mesmo quando todo o conte\u00fado do site, incluindo gr\u00e1ficos, leva tempo para ser renderizado completamente. O monitoramento da alta velocidade inicial da p\u00e1gina, rastreando par\u00e2metros como <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ttfb\/\" target=\"_blank\" rel=\"noopener noreferrer\">Tempo At\u00e9 o Primeiro Byte<\/a> (TTFB) ou executando solicita\u00e7\u00f5es de ping nos servidores do site, descreve com precis\u00e3o os tempos iniciais de carregamento da p\u00e1gina e as estat\u00edsticas de velocidade da p\u00e1gina. Se tais a\u00e7\u00f5es demorarem muito, trabalho precisa ser feito no back-end, na forma de otimiza\u00e7\u00e3o do n\u00facleo do site e do servidor.<\/p>\n<h3>Tempo de carregamento da p\u00e1gina inteira<\/h3>\n<p>O monitoramento do tempo consumido na renderiza\u00e7\u00e3o de todo o conte\u00fado da p\u00e1gina nos navegadores \u00e9 um elemento do teste de experi\u00eancia do usu\u00e1rio final. Essa informa\u00e7\u00e3o impulsiona as decis\u00f5es estrat\u00e9gicas de TI na implanta\u00e7\u00e3o e otimiza\u00e7\u00e3o da infraestrutura de hardware, para maximizar o desempenho do site.<\/p>\n<p>O monitoramento regular desse indicador de desempenho permite que os propriet\u00e1rios percebam como seus sites se comportam, \u00e0 medida que se dimensionam em termos de tamanho e tipo de conte\u00fado. Com essas informa\u00e7\u00f5es, os webmasters podem armazenar em cache o conte\u00fado est\u00e1tico em locais separados, como na <a href=\"https:\/\/kinqsta.com\/pt\/blog\/cdn-do-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">Rede de Fornecimento de Conte\u00fado<\/a> (CDN), enquanto mant\u00eam servidores de back-end dedicados, para distribuir com efici\u00eancia o conte\u00fado carregado dinamicamente.<\/p>\n<h3>Desempenho geogr\u00e1fico<\/h3>\n<p>Uma das vantagens de operar um neg\u00f3cio online \u00e9 o crescente alcance do mercado global. Mas esse alcance nem sempre \u00e9 igualmente eficiente em todo o mundo, devido aos fatores que limitam a comunica\u00e7\u00e3o entre os clientes e o servidor. Pol\u00edticas, limita\u00e7\u00f5es de largura de banda e tecnologia do governo impedem o melhor desempenho do site em todo o mundo, portanto testes de velocidade e disponibilidade devem ser conduzidos em diferentes locais, para determinar os resultados globais de desempenho do site que impactam o alcance de neg\u00f3cios ao redor do mundo.<\/p>\n<figure style=\"width: 495px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" \" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/geographic-website-performance.png\" alt=\"Desempenho geogr\u00e1fico do site.\" width=\"495\" height=\"394\"><figcaption class=\"wp-caption-text\">Desempenho geogr\u00e1fico do site.<\/figcaption><\/figure>\n<h3>Toler\u00e2ncia de cargas<\/h3>\n<p>O desempenho de sites varia com as flutua\u00e7\u00f5es do tr\u00e1fego na web. Os servidores de hospedagem que lidam com carga normal com desempenho m\u00e1ximo podem perder velocidade da p\u00e1gina quando expostos a cargas excessivas. A realiza\u00e7\u00e3o de testes de estresse, testes de carga e outros testes de desempenho em sites cria uma imagem precisa de quanto tr\u00e1fego da web o site pode suportar antes de perder desempenho ou sair totalmente do ar. Compare os resultados com os padr\u00f5es reais de uso do site para determinar se ele precisa de atualiza\u00e7\u00f5es de hardware para lidar com os picos de carga da maneira mais eficiente poss\u00edvel.<\/p>\n<h3>Carga do CPU no servidor web<\/h3>\n<p>Os provedores de hospedagem compartilhada que executam milhares de sites em servidores Apache individuais n\u00e3o oferecem alto desempenho, mesmo quando o site \u00e9 bem projetado, possui um c\u00f3digo limpo e \u00e9 otimizado para velocidade. Os problemas de desempenho se intensificam durante os per\u00edodos de pico de carga, quando a capacidade insuficiente do servidor n\u00e3o consegue processar as solicita\u00e7\u00f5es de download do site de maneira eficiente. O monitoramento da carga da CPU do servidor permite que as empresas de hospedagem e as equipes de TI que rodam sites hospedados localmente mantenham uma verifica\u00e7\u00e3o dos recursos de hardware de back-end diante do tr\u00e1fego imprevis\u00edvel da web.<\/p>\n<h3>Desempenho do banco de dados do site<\/h3>\n<p>O desempenho do banco de dados \u00e9 cr\u00edtico para sites que mant\u00eam conte\u00fado din\u00e2mico extra\u00eddo dos bancos de dados de back-end. Deve haver um mecanismo para detectar e alertar sobre imprecis\u00f5es na transmiss\u00e3o de tais dados. Ficar de olho no espa\u00e7o livre em disco em servidores que hospedam sites localmente ajuda a evitar erros e perdas de dados, que levam a links quebrados e acabam prejudicando o desempenho do site.<\/p>\n<h3>Como testar<\/h3>\n<p>Os propriet\u00e1rios de sites podem utilizar diversos <a href=\"https:\/\/kinqsta.com\/pt\/blog\/teste-de-velocidade-do-seu-site\/\" target=\"_blank\" rel=\"noopener noreferrer\">servi\u00e7os gratuitos e premium de testes de desempenho de websites<\/a> para analisar p\u00e1ginas da web e gerar solu\u00e7\u00f5es sob medida, que atendam \u00e0s maiores necessidades de melhorias de desempenho e melhorem as lacunas que estiverem prejudicando a velocidade das p\u00e1ginas.<\/p>\n<figure style=\"width: 951px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/website-speed-test.png\" alt=\"Teste de velocidade do website\" width=\"951\" height=\"217\"><figcaption class=\"wp-caption-text\">Teste de velocidade do website<\/figcaption><\/figure>\n<p>As ferramentas de teste de velocidade de gigantes como <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google<\/a> e <a href=\"https:\/\/developer.yahoo.com\/yslow\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yahoo<\/a>, ou de sites especializados em monitoramento, como <a href=\"http:\/\/tools.pingdom.com\/fpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a> e <a href=\"http:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTMetrix<\/a>, fornecem informa\u00e7\u00f5es valiosas sobre os indicadores de desempenho do site gratuitamente e geram pontua\u00e7\u00f5es e sugest\u00f5es para educar os propriet\u00e1rios que n\u00e3o s\u00e3o especialistas. Confira estes guias detalhados para ajudar voc\u00ea a come\u00e7ar.<\/p>\n<h3>Como ssas ferramentas funcionam<\/h3>\n<p>Essas ferramentas usam v\u00e1rios navegadores para carregar sites e replicar a experi\u00eancia do usu\u00e1rio final em diferentes locais geogr\u00e1ficos. Os gargalos de desempenho s\u00e3o monitorados em v\u00e1rios elementos da p\u00e1gina web sob an\u00e1lise, incluindo tamanho do arquivo, tempo de carregamento, tempo de resposta e solicita\u00e7\u00f5es referentes a v\u00e1rias partes do site (JavaScript, arquivos CSS, HTML, imagens etc.).<\/p>\n<p>As ferramentas atribuem pontua\u00e7\u00f5es de desempenho, com base em um conjunto ou regras desenvolvidas no contexto de desempenho da p\u00e1gina web e das prioridades do usu\u00e1rio. Os princ\u00edpios incluem armazenamento em cache de recursos, tempos de ida e volta entre cliente e servidor, tamanho de download e upload de dados e uma s\u00e9rie de regras que impactam a experi\u00eancia do usu\u00e1rio final em termos de velocidade da p\u00e1gina.<\/p>\n<p>Sugest\u00f5es s\u00e3o apresentadas, antecipando melhorias na velocidade da p\u00e1gina que devem ocorrer atrav\u00e9s da implementa\u00e7\u00e3o das regras de otimiza\u00e7\u00e3o apropriadas. Por exemplo, se um arquivo de imagem grande for exibido descompactado, as ferramentas de monitoramento recomendariam a implementa\u00e7\u00e3o de v\u00e1rias medidas para compactar este arquivo. Tais quest\u00f5es, de outro modo, passariam despercebidas, devido a erros humanos ou simples ignor\u00e2ncia \u2013 nenhuma das quais pode ser eliminada completa e verdadeiramente. Ao mesmo tempo as ferramentas de monitoramento de velocidade da p\u00e1gina s\u00e3o capazes de ao menos, capacitar os propriet\u00e1rios de sites para que identifiquem os problemas e tomem as medidas adequadas para erradicar gargalos ocultos no desempenho do site.<\/p>\n<h3>Tutorial de testes<\/h3>\n<p>O seguinte teste foi realizado utilizando a ferramenta gratuita de teste de velocidade do site Pingdom. Visite o <a href=\"http:\/\/tools.pingdom.com\/fpt\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom<\/a> e conduza o teste selecionando v\u00e1rias localiza\u00e7\u00f5es geogr\u00e1ficas de acordo com as op\u00e7\u00f5es fornecidas e compare os resultados finais. Insira a URL de seu site e aperte o bot\u00e3o Start Test.<\/p>\n<figure style=\"width: 1720px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full \" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/03\/pingdom-1.png\" alt=\"Pingdom\" width=\"1720\" height=\"942\"><figcaption class=\"wp-caption-text\">Pingdom<\/figcaption><\/figure>\n<p>Em seguida, a p\u00e1gina retornar\u00e1 com um resumo de seu site, incluindo uma nota de desempenho, o tempo total de carregamento, o tamanho total da p\u00e1gina e o n\u00famero de solicita\u00e7\u00f5es que voc\u00ea tem em seu site.<\/p>\n<figure id=\"attachment_21490\" aria-describedby=\"caption-attachment-21490\" style=\"width: 1704px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21490\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/resumo-do-pingdom.png\" alt=\"Resumo do Pingdom\" width=\"1704\" height=\"539\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/resumo-do-pingdom.png 1704w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/resumo-do-pingdom-300x95.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/resumo-do-pingdom-768x243.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/resumo-do-pingdom-1024x324.png 1024w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/resumo-do-pingdom-610x193.png 610w\" sizes=\"auto, (max-width: 1704px) 100vw, 1704px\" \/><figcaption id=\"caption-attachment-21490\" class=\"wp-caption-text\">Resumo do Pingdom<\/figcaption><\/figure>\n<p>A se\u00e7\u00e3o de insights de desempenho na ferramenta de teste de velocidade do Pingdom \u00e9 muito \u00fatil. Tudo \u00e9 baseado nas <a href=\"https:\/\/developers.google.com\/speed\/docs\/insights\/rules\" target=\"_blank\" rel=\"noopener noreferrer\">regras do Google PageSpeed \u200b\u200bInsight<\/a>. Em geral, se voc\u00ea melhorar esses fatores em seu site, dever\u00e1 ver uma diminui\u00e7\u00e3o nos tempos de carregamento.<\/p>\n<figure id=\"attachment_21491\" aria-describedby=\"caption-attachment-21491\" style=\"width: 1705px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21491\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/insights-de-desempenho-do-pingdom.png\" alt=\"Insights de desempenho do Pingdom\" width=\"1705\" height=\"938\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/insights-de-desempenho-do-pingdom.png 1705w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/insights-de-desempenho-do-pingdom-300x165.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/insights-de-desempenho-do-pingdom-768x423.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/insights-de-desempenho-do-pingdom-1024x563.png 1024w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/insights-de-desempenho-do-pingdom-610x336.png 610w\" sizes=\"auto, (max-width: 1705px) 100vw, 1705px\" \/><figcaption id=\"caption-attachment-21491\" class=\"wp-caption-text\">Insights de desempenho do Pingdom<\/figcaption><\/figure>\n<p>A ferramenta lista todos os arquivos baixados em um formul\u00e1rio, classificando em termos de ordem de carregamento, tempo de carregamento, tamanho, tipo ou URL.<\/p>\n<figure id=\"attachment_21492\" aria-describedby=\"caption-attachment-21492\" style=\"width: 1693px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21492\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-de-acordo-com-o-pingdom.png\" alt=\"Solicita\u00e7\u00f5es de acordo com o Pingdom\" width=\"1693\" height=\"1682\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-de-acordo-com-o-pingdom.png 1693w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-de-acordo-com-o-pingdom-150x150.png 150w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-de-acordo-com-o-pingdom-300x298.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-de-acordo-com-o-pingdom-768x763.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-de-acordo-com-o-pingdom-1024x1017.png 1024w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/solicitacoes-de-acordo-com-o-pingdom-610x606.png 610w\" sizes=\"auto, (max-width: 1693px) 100vw, 1693px\" \/><figcaption id=\"caption-attachment-21492\" class=\"wp-caption-text\">Solicita\u00e7\u00f5es de acordo com o Pingdom<\/figcaption><\/figure>\n<p>Analise o desempenho de cada download de arquivo, observando os resultados em rela\u00e7\u00e3o ao gr\u00e1fico fornecido na ferramenta:<\/p>\n<figure style=\"width: 2367px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/graficos-pingdom.png\" alt=\"Gr\u00e1ficos do Pingdom\" width=\"2367\" height=\"738\"><figcaption class=\"wp-caption-text\">Gr\u00e1ficos do Pingdom<\/figcaption><\/figure>\n<p>A ferramenta ajuda a identificar as pr\u00f3ximas a\u00e7\u00f5es a serem tomadas, com t\u00e1ticas de otimiza\u00e7\u00e3o de velocidade nos sites. No teste demonstrado acima, o sites testado precisa corrigir alguns erros para solicita\u00e7\u00f5es que n\u00e3o est\u00e3o sendo encontradas. No entanto \u00e9 importante entender que a otimiza\u00e7\u00e3o desses elementos no design de sites \u00e9 um processo cont\u00ednuo e em evolu\u00e7\u00e3o, que come\u00e7a no n\u00edvel b\u00e1sico do desenvolvimento e \u00e9 implementado em todas as novas p\u00e1ginas, \u00e0 medida que o sites cresce.<\/p>\n<p>Se voc\u00ea precisar de ajuda adicional para compreender o desempenho do seu site no Pingdom, confira <a href=\"https:\/\/kinqsta.com\/pt\/blog\/teste-de-velocidade-pingdom\/\">nossa explica\u00e7\u00e3o mais aprofundada da ferramenta<\/a>.<\/p>\n<h3>Qual ferramenta escolher?<\/h3>\n<p>Diferentes ferramentas \u2013 <a href=\"https:\/\/kinqsta.com\/pt\/blog\/google-pagespeed-insights\/\" target=\"_blank\" rel=\"noopener noreferrer\">Google Page Speed \u200b\u200bInsights<\/a>, Pingdom e <a href=\"https:\/\/kinqsta.com\/pt\/blog\/teste-de-velocidade-gtmetrix\/\" target=\"_blank\" rel=\"noopener noreferrer\">GTMetrix<\/a>, entre outros \u2013 identificam diferentes problemas, testam diferentes par\u00e2metros de desempenho e indicadores de diferentes maneiras, a partir de diferentes navegadores e localiza\u00e7\u00f5es geogr\u00e1ficas. As classifica\u00e7\u00f5es de desempenho e os resultados dos testes s\u00e3o portanto diferentes e nenhuma ferramenta identifica todos os gargalos de desempenho nos designs dos sites. No entanto, \u00e9 recomend\u00e1vel que voc\u00ea permane\u00e7a apenas com uma ferramenta enquanto faz melhorias para monitorar melhor seu progresso.<\/p>\n<p>No entanto, o teste em v\u00e1rias ferramentas, a an\u00e1lise de diferentes elementos de design do site e a compara\u00e7\u00e3o de v\u00e1rios resultados de testes fornecem insights racionais, \u200b\u200bpara que os propriet\u00e1rios de neg\u00f3cios online criem estrat\u00e9gias de otimiza\u00e7\u00e3o de velocidade para seus sites.<\/p>\n<h2 id=\"improve-website-speed\">Cap\u00edtulo 6 \u2013 Como melhorar a velocidade do site?<\/h2>\n<p>Desenvolver um \u00f3timo site exige muito trabalho. Os principais neg\u00f3cios online se aproveitam de sua experi\u00eancia comprovada do setor, de suas habilidades avan\u00e7adas de desenvolvimento web e de um servi\u00e7o de hospedagem de sites matador para desenvolver sites com desempenho de alto n\u00edvel e experi\u00eancia do usu\u00e1rio. Mas para aqueles que n\u00e3o possuem este ponto de partida em sua busca pela velocidade otimizada de websites, adotar uma abordagem minimalista na execu\u00e7\u00e3o de t\u00e1ticas de otimiza\u00e7\u00e3o de velocidade de p\u00e1gina por conta pr\u00f3pria funciona (geralmente) bem o suficiente para corrigir sites lentos.<\/p>\n<p>O conhecimento para investir no conjunto certo de solu\u00e7\u00f5es e servi\u00e7os de otimiza\u00e7\u00e3o de velocidade de sites, gerenciamento e talvez truques de codifica\u00e7\u00e3o \u00e9 essencial para obter o m\u00e1ximo desempenho do site. As decis\u00f5es estrat\u00e9gicas de neg\u00f3cios baseadas nesse conhecimento contribuem diretamente para melhorar o desempenho de sites que, por sua vez, leva a mais vendas online, leads, convers\u00f5es e consequentemente ao sucesso do neg\u00f3cio.<\/p>\n<figure id=\"attachment_21493\" aria-describedby=\"caption-attachment-21493\" style=\"width: 837px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21493\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/otimizacao-de-velocidade-do-site.png\" alt=\"Otimiza\u00e7\u00e3o de velocidade do site\" width=\"837\" height=\"307\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/otimizacao-de-velocidade-do-site.png 837w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/otimizacao-de-velocidade-do-site-300x110.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/otimizacao-de-velocidade-do-site-768x282.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/otimizacao-de-velocidade-do-site-610x224.png 610w\" sizes=\"auto, (max-width: 837px) 100vw, 837px\" \/><figcaption id=\"caption-attachment-21493\" class=\"wp-caption-text\">Otimiza\u00e7\u00e3o de velocidade do site<\/figcaption><\/figure>\n<p>Otimiza\u00e7\u00e3o \u00e9 a palavra de ordem para o sucesso no mundo cibern\u00e9tico. O ciberespa\u00e7o, assim como o mundo f\u00edsico real de planetas, estrelas e gal\u00e1xias est\u00e1 em fluxo \u2013 um estado de mudan\u00e7a e evolu\u00e7\u00e3o cont\u00ednuas. De fato, a mudan\u00e7a \u00e9 o \u00fanico processo consistente entre o mundo real e o mundo cibern\u00e9tico. A sobreviv\u00eancia nesses espa\u00e7os depende da capacidade dos habitantes de se adaptar a diferentes recursos e circunst\u00e2ncias ambientais.<\/p>\n<p>E o mesmo acontece com os propriet\u00e1rios de sites, que competem pelo sucesso dos neg\u00f3cios online em meio a diversas tend\u00eancias de mercado, mudan\u00e7as no comportamento dos visitantes da Internet, avan\u00e7os tecnol\u00f3gicos em grande escala seguindo a Lei de Moore e padr\u00f5es variados de desempenho de sites, que s\u00e3o definidos pelos gigantes dos mecanismos de pesquisa.<\/p>\n<h3>Otimiza\u00e7\u00e3o de velocidade por conta pr\u00f3pria (DIY)<\/h3>\n<p>Os propriet\u00e1rios de neg\u00f3cios online e os webmasters adaptam seus sites para buscar os melhores resultados sob a impress\u00e3o consistente de mudan\u00e7as, improvisando e otimizando elementos-chave no design do site, que impactam a velocidade da p\u00e1gina.<\/p>\n<h3>Otimiza\u00e7\u00e3o de imagens<\/h3>\n<p>Como regra geral, arquivos maiores demoram mais para serem baixados do que arquivos menores. O tempo de download da p\u00e1gina, tamb\u00e9m conhecido como o tempo de carregamento da p\u00e1gina, depende do tamanho total dos arquivos de conte\u00fado que est\u00e3o sendo baixados dos servidores de hospedagem para o navegador solicitante. As imagens de alta qualidade s\u00e3o os maiores contribuidores para aumentar o tamanho da p\u00e1gina web, reduzindo sua velocidade e exigindo paci\u00eancia dos visitantes que aguardam ansiosamente o carregamento completo da p\u00e1gina.<\/p>\n<p>De acordo com o <a href=\"http:\/\/httparchive.org\/interesting.php?a=All&#038;l=Apr%2015%202017&#038;s=All\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP Archive<\/a>, em dezembro de 2017, <strong>as imagens representavam, em m\u00e9dia, 66% do peso total de uma p\u00e1gina web<\/strong>. As seguintes pr\u00e1ticas de otimiza\u00e7\u00e3o de imagens s\u00e3o recomendadas e contribuem bastante para reduzir o impacto negativo desses arquivos na velocidade do site:<\/p>\n<ul class=\"biglist\">\n<li><strong>Sele\u00e7\u00e3o de formato:<\/strong>\u00a0Use JPGs quando a qualidade for prioridade e n\u00e3o forem necess\u00e1rias modifica\u00e7\u00f5es na imagem antes de fazer o upload. Os JPGs podem receber processamento e modifica\u00e7\u00f5es limitados antes que a qualidade da imagem diminua drasticamente. Para imagens com \u00edcones, logotipos, ilustra\u00e7\u00f5es, sinais e texto, use o formato PNG. Use GIFs somente para imagens pequenas ou simples e evite BMPs ou TIFFs.<\/li>\n<li><strong>Tamanho adequado:<\/strong>\u00a0Economize bytes valiosos de carregamento das imagens e adeque as dimens\u00f5es (largura) ao seu modelo de p\u00e1gina web. Use os recursos de redimensionamento do navegador para tornar as imagens responsivas, definindo instru\u00e7\u00f5es de largura fixa e altura autom\u00e1tica.<\/li>\n<li><strong>Compress\u00e3o:<\/strong>\u00a0A compress\u00e3o de imagens deve estabelecer uma combina\u00e7\u00e3o entre o tamanho e a qualidade da imagem. Para JPGs, uma compress\u00e3o de 60 a 70% produz um bom equil\u00edbrio. Para telas de retina, aumente (JPGs) o tamanho da imagem em 150-200%, comprima de 30 a 40% e diminua sua escala conforme as dimens\u00f5es necess\u00e1rias.<\/li>\n<li><strong>Menos imagens:<\/strong>\u00a0Mantenha o menor n\u00famero poss\u00edvel de imagens.<\/li>\n<\/ul>\n<p><i class=\"fa fa-wordpress\"><\/i><strong>Solu\u00e7\u00f5es no WordPress:<\/strong><\/p>\n<p>Aproveite os plugins de otimiza\u00e7\u00e3o de imagens, como <u><a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imagify<\/a><\/u>,\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/optimus\/\" target=\"_blank\" rel=\"noopener noreferrer\">Optimus WordPress Image Optimizer<\/a><\/u>,\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Smush<\/a><\/u>,\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">TinyPNG<\/a><\/u>,\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer-cloud\/\">EWWW Image Optimizer Cloud<\/a><\/u>. \u00c9 ainda melhor se voc\u00ea escolher um que comprima e otimize as imagens externamente, reduzindo o carregamento feito em seu pr\u00f3prio site.<\/p>\n<p>Para mais dicas, veja nosso <a href=\"https:\/\/kinqsta.com\/pt\/blog\/otimizar-imagens-para-web\/\" target=\"_blank\" rel=\"noopener noreferrer\">guia de otimiza\u00e7\u00e3o de imagens<\/a>.<\/p>\n<h3>Otimize o C\u00f3digo CSS e a entrega<\/h3>\n<p>N\u00e3o faz muito tempo, 30 KB era considerado o tamanho ideal de uma p\u00e1gina. E isso inclu\u00eda imagens, conte\u00fado, gr\u00e1ficos e c\u00f3digo formando toda a p\u00e1gina. A popularidade do CSS e do JavaScript reduziu o padr\u00e3o de 30 KB de tamanho da p\u00e1gina, ao oferecer uma experi\u00eancia de usu\u00e1rio aprimorada ao website.<\/p>\n<p>No entanto, sites modernos codificados em CSS s\u00e3o melhores para baixar conte\u00fado dos servidores de hospedagem para os navegadores com maior efici\u00eancia e precis\u00e3o. A otimiza\u00e7\u00e3o, portanto, n\u00e3o se trata apenas da redu\u00e7\u00e3o do tamanho do arquivo. As seguintes pr\u00e1ticas recomendadas asseguram uma entrega de CSS otimizada e veloz:<\/p>\n<figure id=\"attachment_21494\" aria-describedby=\"caption-attachment-21494\" style=\"width: 450px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21494\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/entrega-otimizada-de-css.png\" alt=\"Entrega otimizada de CSS\" width=\"450\" height=\"284\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/entrega-otimizada-de-css.png 450w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/entrega-otimizada-de-css-300x189.png 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><figcaption id=\"caption-attachment-21494\" class=\"wp-caption-text\">Entrega otimizada de CSS<\/figcaption><\/figure>\n<ul class=\"biglist\">\n<li><strong>Codifica\u00e7\u00e3o curta:<\/strong>\u00a0Reduza o tamanho de seu c\u00f3digo, utilizando menos declara\u00e7\u00f5es e operadores. Menos linhas de c\u00f3digo significam menos ciclos de processamento e uma entrega mais eficiente de arquivos de sites aos navegadores solicitantes<\/li>\n<li><strong>Acabe com Hacks CSS para navegadores espec\u00edficos:<\/strong>\u00a0O CSS corre perigo, devido a hacks para navegadores espec\u00edficos muito complexos \u2013 ou declara\u00e7\u00f5es correcionais, como s\u00e3o chamados \u2013 adicionando peso desnecess\u00e1rio aos arquivos de script CSS. Um c\u00f3digo CSS otimizado \u00e9 leve e simples, para que os servidores o processem com efici\u00eancia.<\/li>\n<li><strong>Reduza o CSS:<\/strong>\u00a0Quase todas as ferramentas de monitoramento de velocidade do site oferecem uma sugest\u00e3o em comum de reduzir o peso do c\u00f3digo CSS, para aumentar a velocidade da p\u00e1gina. Um c\u00f3digo leve e compacto acelera o download, a an\u00e1lise e a execu\u00e7\u00e3o, para reduzir drasticamente o tempo de carregamento da p\u00e1gina.<\/li>\n<li><strong>Posicionamento do c\u00f3digo:<\/strong>\u00a0Carregue o c\u00f3digo CSS dentro do &lt;head&gt; e o JavaScript dentro do corpo, j\u00e1 que referenciar CSS fora desta se\u00e7\u00e3o impede que navegadores exibam conte\u00fado CSS imediatamente ap\u00f3s baix\u00e1-lo.<\/li>\n<li><strong>Melhores pr\u00e1ticas na entrega de CSS:\u00a0<\/strong>\n<ul>\n<li>N\u00e3o utilize @import.<\/li>\n<li>Remova CSS n\u00e3o utilizado.<\/li>\n<li>N\u00e3o utilize CSS em HTML, como tags H1 e DIV, por exemplo.<\/li>\n<li>Utilize CSS inline.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<p><i class=\"fa fa-wordpress\"><\/i><strong>Solu\u00e7\u00f5es para WordPress:<\/strong><\/p>\n<p>Ferramentas como\u00a0<u><a href=\"http:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"noopener noreferrer\">Autoptimize<\/a><\/u>,\u00a0<u><a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a><\/u>,\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/cache-enabler\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cache Enabler<\/a><\/u>,\u00a0<u><a href=\"https:\/\/support.cloudflare.com\/hc\/en-us\/articles\/200168196-How-do-I-minify-HTML-CSS-and-JavaScript-to-optimize-my-site-\" target=\"_blank\" rel=\"noopener noreferrer\">CloudFlare CDN<\/a><\/u> e\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Total Cache<\/a><\/u>\u00a0s\u00e3o algumas das mais populares dispon\u00edveis para reduzir JavaScript e CSS.<\/p>\n<p>Se voc\u00ea \u00e9 um <a href=\"https:\/\/kinqsta.com\/pt\/precos\/?plan=visits-business1\">cliente Kinsta<\/a>, voc\u00ea pode tirar proveito do <a href=\"https:\/\/kinqsta.com\/pt\/docs\/hospedagem-de-wordpress\/cdn-wordpress\/cdn-kinsta\/#code-minification-1\">recurso de minifica\u00e7\u00e3o de c\u00f3digo<\/a> que est\u00e1 embutido diretamente no <a href=\"https:\/\/kinqsta.com\/pt\/mykinsta\/\">painel MyKinsta<\/a>. Isto permite aos clientes ativar r\u00e1pida e facilmente a minifica\u00e7\u00e3o autom\u00e1tica de CSS e JavaScript com um simples clique.<\/p>\n<h3>Redu\u00e7\u00e3o \u2013 JavaScript, CSS e HTML<\/h3>\n<p>De fato, a otimiza\u00e7\u00e3o de velocidade n\u00e3o se trata (apenas) da redu\u00e7\u00e3o do tamanho da p\u00e1gina. A redu\u00e7\u00e3o do n\u00famero de solicita\u00e7\u00f5es cliente-servidor no envio do conte\u00fado do site para navegadores \u00e9 parte importante da otimiza\u00e7\u00e3o de velocidade do site. Os webmasters conseguem isso ao n\u00e3o exagerarem nas solicita\u00e7\u00f5es de CSS, HTML e JavaScript. Mesmo que o n\u00famero de solicita\u00e7\u00f5es n\u00e3o seja t\u00e3o importante quanto costumava ser, gra\u00e7as a melhorias com o <a href=\"https:\/\/kinqsta.com\/pt\/aprenda\/http2\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTTP\/2<\/a>. Isto \u00e9, otimize, diminua e elimine todas as linhas de c\u00f3digo desnecess\u00e1rias e que possam ser compactadas.<\/p>\n<p>A redu\u00e7\u00e3o \u00e9 particularmente importante para JavaScript embutido e arquivos externos n\u00e3o armazenados em cache. O Google recomenda a redu\u00e7\u00e3o de todos os arquivos JavaScript com mais de 4096 bytes de tamanho e um corte de 25 bytes \u00e9 o m\u00ednimo para produzir qualquer diferen\u00e7a percept\u00edvel em rela\u00e7\u00e3o ao tempo de carregamento da p\u00e1gina.<\/p>\n<figure style=\"width: 737px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" \" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/compressao.png\" alt=\"Compress\u00e3o\" width=\"737\" height=\"317\"><figcaption class=\"wp-caption-text\">Compress\u00e3o<\/figcaption><\/figure>\n<p>Uma abordagem rigorosa para projetar um site otimizado e veloz incorpora uma forte inten\u00e7\u00e3o de eliminar bytes desnecess\u00e1rios do c\u00f3digo. Utilizar todo o espa\u00e7o de codifica\u00e7\u00e3o dispon\u00edvel a exclus\u00e3o de espa\u00e7os extras, recuos e espa\u00e7os entre as linhas, enquanto se mant\u00e9m a legibilidade do c\u00f3digo, reduz o tamanho geral dos arquivos principais e front-end do site. E para sites j\u00e1 desenvolvidos sem essa estrat\u00e9gia em mente, a combina\u00e7\u00e3o de v\u00e1rias solicita\u00e7\u00f5es do servidor (HTML, JavaScript e CSS) em unidades \u00fanicas reduz efetivamente os tempos de carregamento da p\u00e1gina.<\/p>\n<p>No entanto, o uso excessivo redu\u00e7\u00e3o de HTML pode levar \u00e0 perda de fidelidade do c\u00f3digo do site, com agentes do usu\u00e1rio usando ciclos excessivos de mem\u00f3ria e energia da CPU para \u201cadivinhar\u201d os recursos ausentes, necess\u00e1rios para analisar arquivos HTLM. O monitoramento das altera\u00e7\u00f5es no desempenho do carregamento da p\u00e1gina em resposta \u00e0 implementa\u00e7\u00e3o de cada processo de redu\u00e7\u00e3o garante que apenas o c\u00f3digo e os espa\u00e7os desnecess\u00e1rios sejam exclu\u00eddos.<\/p>\n<p>A redu\u00e7\u00e3o de CSS, JavaScript e HTML apresenta benef\u00edcios em comum: lat\u00eancia de rede reduzida, menos solicita\u00e7\u00f5es de HTML, compacta\u00e7\u00e3o aprimorada, download e execu\u00e7\u00e3o mais r\u00e1pidas no navegador que levam ao aumento de velocidade da p\u00e1gina e a pontua\u00e7\u00f5es mais altas nas ferramentas de medi\u00e7\u00e3o de velocidade do site.<\/p>\n<h3>Plugins \u2013 Menos \u00e9 mais!<\/h3>\n<p>Funcionalidades adicionais no sites atrav\u00e9s do uso de plugins tem um pre\u00e7o: redu\u00e7\u00e3o de desempenho. Infelizmente os webmasters programam uma infinidade de plugins para adicionar recursos atraentes para os visitantes, mas muitas vezes desnecess\u00e1rios, como Gravatar, ferramentas de perfil, estat\u00edsticas do site e fontes \u2013 alguns usam at\u00e9 10 plugins diferentes para fazer integra\u00e7\u00f5es com as redes sociais. O \u00fanico benef\u00edcio disso tudo \u00e9 evitar a codifica\u00e7\u00e3o manual.<\/p>\n<p>Muitos sites populares carregam at\u00e9 80 plugins. No entanto, esse n\u00famero n\u00e3o gera total preocupa\u00e7\u00e3o se os plugins instalados forem bem desenvolvidos, para que evitem a\u00e7\u00f5es complexas e processamento excessivo do servidor.<\/p>\n<figure style=\"width: 446px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" \" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/numeros-de-plugins.png\" alt=\"N\u00famero de plugins\" width=\"446\" height=\"222\"><figcaption class=\"wp-caption-text\">N\u00famero de plugins<\/figcaption><\/figure>\n<p>Quatro fatores importantes a ficar atento na escolha de plugins de qualidade:<\/p>\n<ul class=\"biglist\">\n<li><strong>Ele realiza opera\u00e7\u00f5es complexas?<\/strong><\/li>\n<li><strong>Ele carrega muito conte\u00fado e scripts?<\/strong><\/li>\n<li><strong>Ele aumenta o n\u00famero de consultas no banco de dados em cada p\u00e1gina solicitada?<\/strong><\/li>\n<li><strong>Ele realiza solicita\u00e7\u00f5es a APIs externos?<\/strong><\/li>\n<\/ul>\n<p>Se a resposta para todas essas quest\u00f5es for <strong>SIM<\/strong>, voc\u00ea deve dizer um grande <strong>N\u00c3O <\/strong>para o plugin!<\/p>\n<p>Agora, a grande pergunta: quantos plugins s\u00e3o demais?<\/p>\n<p>Embora n\u00e3o haja uma resposta exata para essa pergunta, as limita\u00e7\u00f5es s\u00e3o exclusivas de cada site e plugin. Muitos <a href=\"https:\/\/capsicummediaworks.com\/how-to-speed-up-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">especialistas em WordPress<\/a> recomendam n\u00e3o utilizar muitos plugins. Mas muitos sites de bom desempenho hospedam mais de 80 plugins, at\u00e9 instalarem um plugin de baixa qualidade que adiciona meio segundo ao tempo de carregamento da p\u00e1gina.<\/p>\n<p>Da mesma forma, usar 10 plugins para tarefas simples e \u00fanicas \u00e9 muito melhor do que implementar um plugin para realizar todas as tarefas complexas sozinho. As exce\u00e7\u00f5es incluem plugins de alta qualidade de desenvolvedores como <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener noreferrer\">Yoast WordPress SEO Plugin<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/all-in-one-seo-pack\/\" target=\"_blank\" rel=\"noopener noreferrer\">All In One SEO Pack<\/a> e similares.<\/p>\n<p><i class=\"fa fa-wordpress\"><\/i><strong>Solu\u00e7\u00f5es para WordPress<\/strong><\/p>\n<p>Use as seguintes solu\u00e7\u00f5es para verificar o desempenho dos plugins no WordPress:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinqsta.com\/pt\/ferramenta-apm\/\">Kinsta APM<\/a> \u2013 Solu\u00e7\u00e3o integrada para perfil de desempenho de aplicativos<\/li>\n<li><u><a href=\"https:\/\/kinqsta.com\/pt\/blog\/query-monitor\/\" target=\"_blank\" rel=\"noopener noreferrer\">Query Monitor<\/a><\/u><\/li>\n<\/ul>\n<h3>Limitar\/Desabilitar revis\u00f5es no WordPress<\/h3>\n<p>O gerenciamento de revis\u00f5es \u00e9 uma das vantagens que o WordPress tem a oferecer. O CMS automaticamente acompanha o conte\u00fado criado no CMS e o disponibiliza para altera\u00e7\u00f5es futuras. Para o servidor, isso exige processamento desnecess\u00e1rio, atrav\u00e9s de entradas no banco de dados adicionais que, na verdade, n\u00e3o s\u00e3o realmente necess\u00e1rias. Controlar o n\u00famero de revis\u00f5es armazenadas alivia o n\u00facleo do site da carga in\u00fatil.<\/p>\n<figure style=\"width: 840px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2016\/03\/WordPress-revisoes.jpg\" alt=\"Revis\u00f5es no WordPress\" width=\"840\" height=\"314\"><figcaption class=\"wp-caption-text\">Revis\u00f5es no WordPress<\/figcaption><\/figure>\n<p>Escrever o trecho de c\u00f3digo a seguir no arquivo wp-config.php ajuda a contornar este problema:<\/p>\n<p>Desabilitar Revis\u00f5es:<\/p>\n<pre><code class=\"language-php\">define( 'WP_POST_REVISIONS', false );<\/code><\/pre>\n<p>Limitar Revis\u00f5es:<\/p>\n<pre><code class=\"language-php\">define( 'WP_POST_REVISIONS', 10 ); \/\/ limited to 10 revisions<\/code><\/pre>\n<p>Confira nosso guia completa sobre como <a href=\"https:\/\/kinqsta.com\/pt\/blog\/revisoes-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">otimizar revis\u00f5es no WordPress<\/a> para obter um desempenho mais r\u00e1pido.<\/p>\n<h3>Otimize o Bancos de Dados<\/h3>\n<p>O CMS do WordPress armazena posts, coment\u00e1rios, p\u00e1ginas e outras formas de dados em texto e criptografados em um \u00fanico banco de dados \u2013 exceto para imagens e v\u00eddeos armazenados na pasta &#8220;wp_content&#8221;. Esse banco de dados fica lotado ao longo do tempo, n\u00e3o apenas com conte\u00fado desnecess\u00e1rio e revis\u00f5es de posteriores, mas tamb\u00e9m com dados in\u00fateis.<\/p>\n<p>Conte\u00fado in\u00fatil inclui:<\/p>\n<ul class=\"biglist\">\n<li><strong>Comments in the spam queue<\/strong><\/li>\n<li><strong>Unapproved comments<\/strong><\/li>\n<li><strong>Post revisions<\/strong><\/li>\n<li><strong>Trashed items such as posts and pages<\/strong><\/li>\n<\/ul>\n<p>A otimiza\u00e7\u00e3o do banco de dados gira em torno da elimina\u00e7\u00e3o de dados e conte\u00fado in\u00fateis e desordenados, reduzindo seu tamanho e facilitando que os servidores de hospedagem de sites obtenham o conte\u00fado solicitado com efici\u00eancia, dentro de ciclos m\u00ednimos de processamento. Isso tamb\u00e9m envolve voc\u00ea se certificar de que esteja usando o InnoDB para suas tabelas de banco de dados MySQL, ao inv\u00e9s de MyISAM. Aprenda como <a href=\"https:\/\/kinqsta.com\/pt\/blog\/converter-myisam-para-innodb\/\" target=\"_blank\" rel=\"noopener noreferrer\">converter myISAM em InnoDB.<\/a><\/p>\n<p>A tabela wp_options tamb\u00e9m \u00e9 negligenciada quando se trata de desempenho geral do WordPress e do banco de dados. Especialmente em sites antigos e grandes, este fator pode ser o culpado por tempos de consulta lentos em seu site, devido a dados carregados automaticamente que s\u00e3o deixados para tr\u00e1s por plugins e temas. Confira nosso guia sobre <a href=\"https:\/\/kinqsta.com\/pt\/blog\/wp-options-dados-carregados-automaticamente\/\" target=\"_blank\" rel=\"noopener noreferrer\">como limpar sua tabela wp_options.<\/a><\/p>\n<p><i class=\"fa fa-wordpress\"><\/i><strong>Solu\u00e7\u00f5es para WordPress:<\/strong><\/p>\n<ul>\n<li>Limitar, desabilitar e excluir revis\u00f5es de posts.<\/li>\n<li>Automaticamente limpar itens exclu\u00eddos, ao adicionar o seguinte c\u00f3digo no arquivo wp-config.php:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">define('EMPTY_TRASH_DAYS', 10 );<\/code><\/pre>\n<p>10 \u00e9 o n\u00famero de dias antes que os dados in\u00fateis sejam automaticamente removidos. Altere esse n\u00famero da forma mais apropriada para voc\u00ea.<\/p>\n<h3>Compress\u00e3o<\/h3>\n<p><a href=\"https:\/\/developers.google.com\/speed\/articles\/use-compression\" target=\"_blank\" rel=\"noopener noreferrer\">Segundo o Google<\/a>, todos os dias, o mundo cibern\u00e9tico se depara com 99 anos de anos humanos desperdi\u00e7ados, devido ao conte\u00fado da web descompactado. E, embora a maioria dos navegadores mais recentes suportem recursos de compacta\u00e7\u00e3o de conte\u00fado, nem todos os sites oferecem conte\u00fado compactado. Os visitantes desses sites que consomem muita largura de banda experimentam intera\u00e7\u00f5es muito lentas com as p\u00e1ginas web. As principais raz\u00f5es para esse comportamento desfavor\u00e1vel (em geral e n\u00e3o intencional) do site incluem servidores de hospedagem mal configurados, proxies da web, navegadores antigos ou com bugs e softwares antiv\u00edrus.<\/p>\n<p>O conte\u00fado n\u00e3o comprimido prejudica os usu\u00e1rios que possuem restri\u00e7\u00e3o de largura de banda, que acabam por receber o conte\u00fado da web em tempos de carregamento de p\u00e1gina extremamente longos. Esta \u00e9 a transcri\u00e7\u00e3o de uma comunica\u00e7\u00e3o comum entre o navegador e o servidor, para fornecer conte\u00fado n\u00e3o comprimido:<\/p>\n<figure id=\"attachment_21495\" aria-describedby=\"caption-attachment-21495\" style=\"width: 688px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21495\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compressao-html.png\" alt=\"Compress\u00e3o HTML\" width=\"688\" height=\"521\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compressao-html.png 688w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compressao-html-300x227.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/compressao-html-610x462.png 610w\" sizes=\"auto, (max-width: 688px) 100vw, 688px\" \/><figcaption id=\"caption-attachment-21495\" class=\"wp-caption-text\">Compress\u00e3o HTML<\/figcaption><\/figure>\n<p><strong>Navegador:<\/strong>\u00a0Ei, CARREGUE pra mim o \/Campe\u00e3oDosPesosPesados.html!<\/p>\n<p><strong>Servidor:<\/strong>\u00a0Pode deixar!\u00a0<em>*navega pelo servidor e localiza o arquivo*<\/em><\/p>\n<p><strong>Servidor:<\/strong>\u00a0Aqui est\u00e1, 250 KB de c\u00f3digo como resposta.<\/p>\n<p><strong>Navegador:<\/strong>\u00a0Ai!\u00a0<em>*usu\u00e1rio final suando, recebendo finalmente o conte\u00fado solicitado ap\u00f3s algumas dezenas de segundos*.<\/em>\u00a0(Ok, a comunica\u00e7\u00e3o cliente-servidor talvez seja um pouco mais formal e menos dram\u00e1tica do que a narrativa acima).<\/p>\n<p>A maior parte do problema est\u00e1 na maneira como a comunica\u00e7\u00e3o cliente-servidor entra no mundo HTML. Arquivos HTML (que comp\u00f5em quase todo o conte\u00fado da web) incluem v\u00e1rias inst\u00e2ncias de c\u00f3digo redundantes. &lt;Tags&gt;, &lt;Alts&gt;, &lt;HTML&gt; e semelhantes s\u00e3o todas as mesmas coisas que se materializam repetidamente.<\/p>\n<p class=\"padding_top30\"><strong>O Google recomenda as seguintes t\u00e1ticas de compress\u00e3o para fornecer o conte\u00fado de sites de maneira eficiente:<\/strong><\/p>\n<ul class=\"biglist\">\n<li>Reduzir JavaScript, HTML e CSS<\/li>\n<li>Garantir consist\u00eancia em c\u00f3digos CSS e HTML, com as seguintes t\u00e9cnicas:\n<ul>\n<li>Escrita consistente \u2013 com a maioria do c\u00f3digo em letras min\u00fasculas.<\/li>\n<li>Utiliza\u00e7\u00e3o consistente dos atributos HTML.<\/li>\n<li>Especificar atributos HTML na mesma ordem.<\/li>\n<li>Especificar pares de valores-chave CSS na mesma ordem, colocando-os em ordem alfab\u00e9tica.<\/li>\n<\/ul>\n<\/li>\n<li>Habilitar compress\u00e3o GZIP. O GZIP encontra sequ\u00eancias e inst\u00e2ncias de c\u00f3digos semelhantes, substituindo-as temporariamente com caracteres mais curtos. Os navegadores descompactam estes arquivos, trazendo-os de volta \u00e0 sua forma original.<\/li>\n<\/ul>\n<p><strong>Alguns cuidados:<\/strong><\/p>\n<ul>\n<li>N\u00e3o utilize GZIP em imagens, PDF ou outros dados bin\u00e1rios.<\/li>\n<li>Utilize GZIP apenas em dados cujo tamanho esteja entre 150-1000 bytes. A velocidade de compress\u00e3o deve ser maior que o tempo necess\u00e1rio para entregar o conte\u00fado descompactado.<\/li>\n<li>N\u00c3O comprima conte\u00fado em navegadores antigos.<\/li>\n<\/ul>\n<p>N\u00e3o seguir as recomenda\u00e7\u00f5es acima acaba fazendo com que o tamanho do arquivo e o tempo de carregamento da p\u00e1gina aumentem, devido \u00e0 sobrecarga no processo de compacta\u00e7\u00e3o e descompacta\u00e7\u00e3o.<\/p>\n<p><i class=\"fa fa-wordpress\"><\/i><strong>Solu\u00e7\u00f5es para WordPress:<\/strong><\/p>\n<ul>\n<li>Habilite compress\u00e3o GZIP, utilizando o plugin\u00a0<u><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Total Cache<\/a><\/u>.<\/li>\n<li>A melhor forma de habilitar a compress\u00e3o GZIP \u00e9 no n\u00edvel do servidor Apache ou Nginx. Confira nosso <a href=\"https:\/\/kinqsta.com\/pt\/blog\/ativar-compressao-gzip\/\" target=\"_blank\" rel=\"noopener noreferrer\">guia de compress\u00e3o GZIP<\/a>.<\/li>\n<\/ul>\n<h3>Cache<\/h3>\n<p>Desenvolvedores almejam a simplicidade no c\u00f3digo do design do site. Um c\u00f3digo do site mais f\u00e1cil de criar, ler e manter leva a processos eficientes no desenvolvimento de sites. Isso inclui o uso frequente das fun\u00e7\u00f5es de c\u00f3digo dispon\u00edveis para reduzir a codifica\u00e7\u00e3o extensa, para oferecer funcionalidades espec\u00edficas ao site.<\/p>\n<p>No entanto, adicionar muitos loops e linhas de c\u00f3digo desnecess\u00e1rias aumenta os tempos de renderiza\u00e7\u00e3o da p\u00e1gina em alguns milissegundos. O influxo de uma torrente de tr\u00e1fego no site e os milissegundos compostos fazem com que a velocidade da p\u00e1gina fique bem abaixo dos padr\u00f5es aceit\u00e1veis.<\/p>\n<p>Os webmasters podem reduzir esses tempos de resposta, fornecendo c\u00f3pias em cache do conte\u00fado solicitado ao inv\u00e9s de renderiz\u00e1-lo repetidamente a cada solicita\u00e7\u00e3o de usu\u00e1rio que aparece em seu servidor. O cache da web \u00e9 o mecanismo de armazenamento tempor\u00e1rio de c\u00f3pias do conte\u00fado, para atender a solicita\u00e7\u00f5es subsequentes do usu\u00e1rio no banco de dados em cache, quando condi\u00e7\u00f5es espec\u00edficas s\u00e3o atendidas. Esse processo reduz o n\u00famero de viagens de ida e volta entre cliente-servidor, realizadas para entregar o conte\u00fado do site (est\u00e1tico) \u00e0s solicita\u00e7\u00f5es dos navegadores.<\/p>\n<figure id=\"attachment_21496\" aria-describedby=\"caption-attachment-21496\" style=\"width: 414px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-21496\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/cache-wordpress.png\" alt=\"Cache WordPress\" width=\"414\" height=\"498\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/cache-wordpress.png 414w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/cache-wordpress-249x300.png 249w\" sizes=\"auto, (max-width: 414px) 100vw, 414px\" \/><figcaption id=\"caption-attachment-21496\" class=\"wp-caption-text\">Cache WordPress<\/figcaption><\/figure>\n<p>Os propriet\u00e1rios de sites podem ativar o armazenamento em cache com os seguintes complementos e configura\u00e7\u00f5es, ao hospedarem suas p\u00e1ginas em provedores de servi\u00e7os que n\u00e3o fornecem armazenamento em cache no servidor:<\/p>\n<ul class=\"biglist\">\n<li><u><a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3 Total Cache<\/a><\/u><\/li>\n<li><u><a href=\"https:\/\/wordpress.org\/plugins\/cache-enabler\/\" target=\"_blank\" rel=\"noopener noreferrer\">Cache Enabler<\/a><\/u><\/li>\n<li><u><a href=\"https:\/\/wp-rocket.me\/\" target=\"_blank\" rel=\"noopener noreferrer\">WP Rocket<\/a><\/u><\/li>\n<li><u><a href=\"http:\/\/nginx.org\/en\/docs\/http\/ngx_http_fastcgi_module.html\" target=\"_blank\" rel=\"noopener noreferrer\">FastCGI Cache<\/a><\/u>para servidores Nginx e Drupal.<\/li>\n<\/ul>\n<p>Juntamente com o conte\u00fado em cache est\u00e1tico, os sites tamb\u00e9m hospedam informa\u00e7\u00f5es din\u00e2micas, que cont\u00eam atributos exclusivos que mudam regularmente para cada usu\u00e1rio final. Armazenar c\u00f3pias em cache de conte\u00fado din\u00e2mico n\u00e3o reutiliz\u00e1vel, portanto, n\u00e3o faz sentido, mesmo que a renderiza\u00e7\u00e3o de conte\u00fado n\u00e3o armazenado em cache seja um processo extremamente lento.<\/p>\n<h3>Cache fragmentado<\/h3>\n<p>Essa \u00e9 a arte de armazenar em cache elementos menores de conte\u00fado din\u00e2mico n\u00e3o armazen\u00e1veis no cache do site. Quando as p\u00e1ginas web que cont\u00eam conte\u00fado est\u00e1tico e\/ou din\u00e2mico s\u00e3o carregadas, os servidores de hospedagem processam o c\u00f3digo PHP e consultam os bancos de dados MySQL para buscar o conte\u00fado solicitado. Esses processos que consomem tempo e recursos s\u00e3o contornados, fornecendo a sa\u00edda desejada armazenada como uma c\u00f3pia em cache.<\/p>\n<p>O armazenamento em cache fragmentado armazena a sa\u00edda de alguns blocos de c\u00f3digo, que permanecem inalterados em v\u00e1rias vers\u00f5es do conte\u00fado din\u00e2mico. Quando o c\u00f3digo \u00e9 executado e atinge o bloco de c\u00f3digo em cache por um tempo predeterminado, o servidor consulta e entrega a sa\u00edda em cache desse c\u00f3digo, ao inv\u00e9s de execut\u00e1-lo repetidamente, at\u00e9 que o limite de tempo seja atingido.<\/p>\n<p>O resultado final \u00e9 um conte\u00fado de site otimizado em cache, para obter m\u00e1xima velocidade de p\u00e1gina, mesmo para sites de com\u00e9rcio eletr\u00f4nico e de associa\u00e7\u00e3o, que lidam com conte\u00fado bastante din\u00e2mico. Na verdade, Kinsta fornece <a href=\"https:\/\/kinqsta.com\/pt\/blog\/cache-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">quatro tipos diferentes de armazenamento em cache<\/a>, todos feitos automaticamente no software ou no n\u00edvel do servidor. Portanto, n\u00e3o h\u00e1 necessidade de mexer com plugins de terceiros.<\/p>\n<h3>Content Delivery Networks (CDN)<\/h3>\n<p>A CDN \u00e9 uma extens\u00e3o da otimiza\u00e7\u00e3o em cache, projetada para sobrecarregar o desempenho do site, especificamente voltado para o tr\u00e1fego web disperso globalmente. As CDNs consistem em uma rede de servidores que hospedam c\u00f3pias em cache de p\u00e1ginas web. Os visitantes da Internet que solicitam essas informa\u00e7\u00f5es s\u00e3o direcionados para o servidor mais pr\u00f3ximo dessa rede, com base em sua localiza\u00e7\u00e3o geogr\u00e1fica.<\/p>\n<p>Os benef\u00edcios tradicionais das CDNs, incluindo aumento de desempenho, alta disponibilidade e classifica\u00e7\u00e3o da p\u00e1gina (page rank), elevam os resultados financeiros. Confira todas as raz\u00f5es pelas quais <a href=\"https:\/\/kinqsta.com\/pt\/blog\/cdn-para-wordpress\/\">voc\u00ea deve estar usando um CDN<\/a>. Kinsta inclui um <a href=\"https:\/\/kinqsta.com\/pt\/blog\/cdn-para-wordpress\/\">CDN WordPress<\/a> com suporte para HTTP\/2 e IPv6- gratuitamente para todos os clientes nos planos de <a href=\"https:\/\/kinqsta.com\/pt\/hospedagem-wordpress\/\">hospedagem do WordPress<\/a>!<\/p>\n<figure style=\"width: 647px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" \" src=\"https:\/\/kinqsta.com\/wp-content\/uploads\/2016\/03\/wordpress-cdn.jpg\" alt=\"WordPress CDN\" width=\"647\" height=\"352\"><figcaption class=\"wp-caption-text\">WordPress CDN<\/figcaption><\/figure>\n<h3>Mude para hospedagem gerenciada!<\/h3>\n<p>O WordPress democratizou a web, ao capacitar os cidad\u00e3os do mundo cibern\u00e9tico para que criassem seus pr\u00f3prios blogs e lan\u00e7assem produtos e servi\u00e7os online, com investimentos m\u00ednimos. Em geral, os propriet\u00e1rios de sites aproveitam um dos seguintes servi\u00e7os de hospedagem para manter seus sites em funcionamento:<\/p>\n<ul>\n<li>Hospedagem gratuita: Op\u00e7\u00e3o favorita de quem v\u00ea o site como um hobby.<\/li>\n<li>Hospedagem compartilhada: Op\u00e7\u00e3o favorita de indiv\u00edduos que est\u00e3o desenvolvendo seus neg\u00f3cios online com um baixo custo.<\/li>\n<li><a href=\"https:\/\/kinqsta.com\/pt\" target=\"_blank\" rel=\"noopener noreferrer\">Hospedagem dedicada ou gerenciada<\/a>: Op\u00e7\u00e3o favorita de indiv\u00edduos que levam a s\u00e9rio seus neg\u00f3cios ou de empresas de pequeno e m\u00e9dio porte, que est\u00e3o estabelecendo sua presen\u00e7a online.<\/li>\n<li>Hospedagem colocada: Op\u00e7\u00e3o favorita de grandes empresas ou institui\u00e7\u00f5es governamentais com equipes internas de TI para gerenciar seus websites.<\/li>\n<\/ul>\n<p>Entre eles, a contrata\u00e7\u00e3o de hospedagem gerenciada para servi\u00e7os de gerenciamento e desenvolvimento de sites de ponta a ponta \u00e9 a op\u00e7\u00e3o mais econ\u00f4mica e produtiva para a manuten\u00e7\u00e3o de um sites de alto desempenho. Os recursos da hospedagem gerenciada que afetam a velocidade da p\u00e1gina e o desempenho do site incluem:<\/p>\n<ul class=\"biglist\">\n<li>Otimiza\u00e7\u00e3o de desempenho \u2013 compress\u00e3o, redu\u00e7\u00e3o de c\u00f3digo, cache no servidor, etc.<\/li>\n<li>Otimiza\u00e7\u00e3o de cache.<\/li>\n<li>Otimiza\u00e7\u00e3o de conte\u00fado para bom desempenho \u2013 otimiza\u00e7\u00e3o de imagem, controle de dados in\u00fateis, etc.<\/li>\n<li>Otimiza\u00e7\u00e3o para mecanismos de pesquisa.<\/li>\n<li>Atualiza\u00e7\u00f5es frequentes de software.<\/li>\n<li>Compatibilidade e implementa\u00e7\u00e3o de plugins para melhor desempenho.<\/li>\n<li>Otimiza\u00e7\u00e3o do banco de dados.<\/li>\n<li>Redes de fornecimento de conte\u00fado.<\/li>\n<li>Teste e monitoramento de desempenho.<\/li>\n<li>Servidores leves e otimizados para velocidade.<\/li>\n<li>Configura\u00e7\u00e3o e manuten\u00e7\u00e3o de servidores e sites para minimizar o fluxo entre cliente-servidor.<\/li>\n<li>\u00daltimas vers\u00f5es de PHP e MariaDB.<\/li>\n<\/ul>\n<h3>WordPress \u00e9 mais r\u00e1pido com PHP 7<\/h3>\n<p>Com o lan\u00e7amento do <a href=\"https:\/\/kinqsta.com\/pt\/blog\/php-7-2\/\" target=\"_blank\" rel=\"noopener noreferrer\">PHP 7<\/a>, vieram enormes ganhos de desempenho! T\u00e3o grandes, na verdade, que devem ser uma prioridade sobre muitas das pequenas otimiza\u00e7\u00f5es que voc\u00ea pode fazer em seu site WordPress. Os <a href=\"http:\/\/talks.php.net\/fluent15#\/wpbench\" target=\"_blank\" rel=\"noopener noreferrer\">benchmarks<\/a> a seguir demonstram melhorias significativas de desempenho com o PHP 7 em compara\u00e7\u00e3o com vers\u00f5es anteriores. O PHP 7 permite que o sistema execute o dobro de solicita\u00e7\u00f5es por segundo em compara\u00e7\u00e3o com o PHP 5.6, com quase metade da lat\u00eancia.<\/p>\n<figure style=\"width: 2036px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2017\/03\/php-5.6-vs-php-7.png\" alt=\"Benchmarks de PHP, por Rasmus Lerdorf, PHP Fluent Talk\" width=\"2036\" height=\"1396\"><figcaption class=\"wp-caption-text\">Benchmarks de PHP, por Rasmus Lerdorf, PHP Fluent Talk<\/figcaption><\/figure>\n<p>Tamb\u00e9m executamos nossos pr\u00f3prios\u00a0<a href=\"https:\/\/kinqsta.com\/pt\/blog\/benchmarks-definitivos-do-php\/\" target=\"_blank\" rel=\"noopener noreferrer\">benchmarks de PHP<\/a>. E, similarmente aos benchmarks acima, vimos que o PHP 7.3 poderia executar quase tr\u00eas vezes mais transa\u00e7\u00f5es (solicita\u00e7\u00f5es) por segundo em compara\u00e7\u00e3o com o PHP 5.6. o\u00a0PHP 7.3 tamb\u00e9m \u00e9, em m\u00e9dia, 9% mais r\u00e1pido que o PHP 7.2.<\/p>\n<figure id=\"attachment_25027\" aria-describedby=\"caption-attachment-25027\" style=\"width: 940px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-25027\" src=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/benchmarks-no-wordpress-5-0.png\" alt=\"Benchmarks no WordPress 5.0\" width=\"940\" height=\"788\" srcset=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/benchmarks-no-wordpress-5-0.png 940w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/benchmarks-no-wordpress-5-0-300x251.png 300w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/benchmarks-no-wordpress-5-0-768x644.png 768w, https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/benchmarks-no-wordpress-5-0-610x511.png 610w\" sizes=\"auto, (max-width: 940px) 100vw, 940px\" \/><figcaption id=\"caption-attachment-25027\" class=\"wp-caption-text\">Benchmarks no WordPress 5.0<\/figcaption><\/figure>\n<ul>\n<li>Benchmark WordPress 5.0 PHP 5.6 resulta em:\u00a091.64 solicita\u00e7\u00f5es\/seg<\/li>\n<li>Benchmark WordPress 5.0 PHP 7.0 resulta em: 206.71 solicita\u00e7\u00f5es\/seg<\/li>\n<li>Benchmark WordPress 5.0 PHP 7.1 resulta em: 210.98 solicita\u00e7\u00f5es\/seg<\/li>\n<li>Benchmark WordPress 5.0\u00a0PHP 7.2 resulta em:\u00a0229.18 solicita\u00e7\u00f5es\/seg<strong>\u00a0<\/strong><\/li>\n<li>Benchmark WordPress 5.0 <strong>PHP 7.3 resulta em: 253.20 solicita\u00e7\u00f5es\/seg<\/strong> <strong>\ud83c\udfc6<\/strong><\/li>\n<\/ul>\n<h3>Veredito<\/h3>\n<p>A lacuna de desempenho entre o PHP 5.6 e as vers\u00f5es posteriores do PHP \u00e9 evidente, e \u00e9 por isso que Kinsta sempre oferece a \u00faltima vers\u00e3o est\u00e1vel. O <a href=\"https:\/\/kinqsta.com\/pt\/changelog\/php-8-1\/\">PHP 8.1<\/a>, que \u00e9 ainda mais r\u00e1pido, foi oficialmente lan\u00e7ado em 25 de novembro de 2021 e agora est\u00e1 dispon\u00edvel <strong>para todos os clientes Kinsta com um plano de hospedagem<\/strong>.<\/p>\n<p>\u00a0<\/p>\n<h2>Conclus\u00e3o: A velocidade do site importa. E muito.<\/h2>\n<p>Ufa, voc\u00ea completou nosso guia! Parab\u00e9ns e obrigado pela leitura. Esperamos que voc\u00ea tenha encontrado pelo menos alguns bons conselhos que poder\u00e1 seguir agora! Em Kinsta, fornecemos servi\u00e7os de <a href=\"https:\/\/kinqsta.com\/pt\/hospedagem-wordpress\/\">hospedagem gerenciada premium para WordPress<\/a> e com nossa infraestrutura, voc\u00ea pode ter certeza de que todas as otimiza\u00e7\u00f5es no servidor ser\u00e3o atendidas! Se voc\u00ea quiser, <a href=\"https:\/\/kinqsta.com\/pt\/hospedagem-wordpress\/\" target=\"_blank\" rel=\"noopener noreferrer\">experimente nosso sistema!<\/a><\/p>\n<p>Por \u00faltimo, mas n\u00e3o menos importante, se voc\u00ea achou nosso guia \u00fatil, compartilhe com seus amigos e seguidores!<\/p>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>Otimiza\u00e7\u00e3o de desempenho do site, \u00e9 o ponto foco para projetos de sites superiores em tecnologia pelo fator que dita o sucesso dos neg\u00f3cios online hoje &#8230;<\/p>\n","protected":false},"author":1,"featured_media":35521,"template":"","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[44,27],"class_list":["post-20419","learn","type-learn","status-publish","has-post-thumbnail","hentry","tag-webdev","tag-webperf"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/\" \/>\n<meta property=\"og:locale\" content=\"pt_PT\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes\" \/>\n<meta property=\"og:description\" content=\"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/kinstapt\/\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-06T06:46:56+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/velocidade-de-sites-share.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"731\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/velocidade-de-sites-share.png\" \/>\n<meta name=\"twitter:site\" content=\"@kinsta_pt\" \/>\n<meta name=\"twitter:label1\" content=\"Tempo estimado de leitura\" \/>\n\t<meta name=\"twitter:data1\" content=\"68 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/\",\"name\":\"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fi-velocidade-de-sites.jpg\",\"datePublished\":\"2018-08-02T12:04:45+00:00\",\"dateModified\":\"2023-09-06T06:46:56+00:00\",\"description\":\"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#breadcrumb\"},\"inLanguage\":\"pt-PT\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#primaryimage\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fi-velocidade-de-sites.jpg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fi-velocidade-de-sites.jpg\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinqsta.com\/pt\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Aprenda\",\"item\":\"https:\/\/kinqsta.com\/pt\/aprenda\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#website\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura\",\"publisher\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinqsta.com\/pt\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-PT\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinqsta.com\/pt\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-PT\",\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/kinstapt\/\",\"https:\/\/x.com\/kinsta_pt\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes - Kinsta\u00ae","description":"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/","og_locale":"pt_PT","og_type":"article","og_title":"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes","og_description":"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.","og_url":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/kinstapt\/","article_modified_time":"2023-09-06T06:46:56+00:00","og_image":[{"width":1460,"height":731,"url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/velocidade-de-sites-share.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_description":"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.","twitter_image":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/velocidade-de-sites-share.png","twitter_site":"@kinsta_pt","twitter_misc":{"Tempo estimado de leitura":"68 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/","url":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/","name":"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinqsta.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#primaryimage"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#primaryimage"},"thumbnailUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fi-velocidade-de-sites.jpg","datePublished":"2018-08-02T12:04:45+00:00","dateModified":"2023-09-06T06:46:56+00:00","description":"Guia de otimiza\u00e7\u00e3o de velocidade de sites detalhados que mostra como \u00e9 importante ter um site bem-sucedido. Instru\u00e7\u00f5es e truques para melhorar o tempo de carregamento.","breadcrumb":{"@id":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#breadcrumb"},"inLanguage":"pt-PT","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/"]}]},{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#primaryimage","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fi-velocidade-de-sites.jpg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2018\/08\/fi-velocidade-de-sites.jpg","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinqsta.com\/pt\/aprenda\/velocidade-de-sites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinqsta.com\/pt\/"},{"@type":"ListItem","position":2,"name":"Aprenda","item":"https:\/\/kinqsta.com\/pt\/aprenda\/"},{"@type":"ListItem","position":3,"name":"Um Guia Sobre Otimiza\u00e7\u00e3o de Velocidade de Sites para Iniciantes"}]},{"@type":"WebSite","@id":"https:\/\/kinqsta.com\/pt\/#website","url":"https:\/\/kinqsta.com\/pt\/","name":"Kinsta\u00ae","description":"Solu\u00e7\u00f5es de hospedagem Premium, r\u00e1pida e segura","publisher":{"@id":"https:\/\/kinqsta.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinqsta.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-PT"},{"@type":"Organization","@id":"https:\/\/kinqsta.com\/pt\/#organization","name":"Kinsta","url":"https:\/\/kinqsta.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-PT","@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinqsta.com\/pt\/wp-content\/uploads\/sites\/3\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinqsta.com\/pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/kinstapt\/","https:\/\/x.com\/kinsta_pt","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/learn\/20419","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/learn"}],"about":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/types\/learn"}],"author":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/users\/1"}],"version-history":[{"count":16,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/learn\/20419\/revisions"}],"predecessor-version":[{"id":62846,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/learn\/20419\/revisions\/62846"}],"alternate":[{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/it"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/es"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/de"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/pt"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/nl"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/fr"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinqsta.com\/pt\/wp-json\/kinsta\/v1\/posts\/20419\/translations\/jp"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media\/35521"}],"wp:attachment":[{"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/media?parent=20419"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinqsta.com\/pt\/wp-json\/wp\/v2\/tags?post=20419"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}