Quando se trata de construir uma taxa de conversão e o site motor de busca otimizado, a velocidade é crucial.

se você não tem um site rápido, as pessoas vão saltar mais rápido do que você pode dizer “conversões.”

no entanto, acelerar o seu site não é uma tarefa fácil.

seu problema pode ser qualquer coisa, desde código mal escrito a imagens ou elementos de página Grande.

Você precisa corrigir os problemas rapidamente, porque o Google vai ding seu site, se você não.

mais rápido O seu site de cargas, menor a taxa de rejeição. Se o seu site é rápido, você tem uma chance melhor de classificar no Google em sites lentos que geram altas taxas de rejeição.Felizmente, o Google oferece a ferramenta PageSpeed Insights para descobrir o que você precisa corrigir.

infelizmente, eles não lhe dão as melhores instruções sobre como obter sua pontuação para 100%.

veja como marcar 100% perfeito no PageSpeed Insights do Google e por que você precisa realizar esse feito.

por que a velocidade da Página importa

a velocidade da página é um fator crítico para classificar seu site mais alto nos resultados do mecanismo de pesquisa do Google.

se o seu site não estiver no mesmo nível das 10 principais páginas orgânicas, você não será classificado na primeira página.

portanto, focar na velocidade da página é fundamental para ter uma empresa de sucesso e um site que converte.

Backlinko recentemente conduziu um estudo onde analisaram mais de onze milhões de páginas de resultados de mecanismos de pesquisa (SERPs) no Google.

eles queriam descobrir quais fatores eram os mais comuns entre os sites classificados entre os 10 melhores resultados.Surpreendentemente, eles descobriram que a velocidade da página e a classificação não parecem estar correlacionadas. No entanto, o tempo médio de carregamento de um site na primeira página é de 1,65 segundos, o que é decentemente rápido.

no entanto, o Google diz que a velocidade da página importa. Houve até uma atualização completa sobre isso.

essa conexão é copiada e suportada pelos novos benchmarks do setor PageSpeed do Google.

Eles descobriram que, como tempos de carregamento de página, vá para cima, a chance de alguém saltando de seu site aumenta drasticamente:

Que significa que, se a página demora 10 segundos para carregar, a probabilidade de alguém deixar o seu site antes mesmo de cargas aumenta em mais de 120%!

mas de acordo com um estudo recente de mais de 5 milhões de sites, o site médio leva 10,3 segundos para carregar totalmente no desktop e 27.3 segundos para carregar no celular. Isso significa que quase todos nós estamos perdendo a marca quando se trata de ter um site de Desempenho rápido.

em outro estudo, o BigCommerce descobriu que as taxas de conversão para sites de comércio eletrônico estão em média em algum lugar na faixa de um a dois por cento.

a velocidade da página encontrada Portent pode aumentar drasticamente as taxas de conversão.

obter sua velocidade para menos de dois segundos pode aumentar o tráfego e a receita.

então, o que faz com que uma página carregue lentamente?

as causas mais comuns de páginas lentas são imagens volumosas e codificação mal projetada.

se você olhar para qualquer site na era moderna, é provável que seja preenchido até o ponto de inflexão com imagens.

se você não estiver otimizando suas imagens, poderá ter páginas que ocupam vários megabytes de espaço.

o tamanho e o peso da página são frequentemente medidos por bytes de peso da página. Simplificando, os bytes de peso da Página mostram o tamanho total de uma página da web medida em bytes.

os dados de benchmark do Google mostram que a melhor prática para o tamanho ou peso da página é inferior a 500KB:

mas, novamente, a maioria de nós está perdendo a marca aqui. Estamos excedendo muito o peso recomendado.

um dos conceitos que mais me destacaram no relatório do Google vem dessa citação curta, mas impactante:

“não importa o que, mais rápido é melhor e menos é mais.”Não importa o quão bem o seu site está fazendo, há uma boa chance de você ter um espaço sério para melhorias.

como usar a ferramenta PageSpeed Insights

a maioria dos sites é executada lentamente devido a imagens grandes que ocupam muito espaço.

mas nem sempre é o caso de todos os sites.

você precisa saber exatamente o que está causando suas velocidades lentas do site antes de fazer as alterações necessárias para marcar 100% na ferramenta PageSpeed Insights.

para começar, abra a ferramenta PageSpeed Insights e insira o URL do seu site na barra:

clique em “Analisar” para que o Google execute um teste rápido em seu site.

o relatório finalizado informará tudo o que você precisa saber sobre seu site e o que pode estar dificultando seu desempenho.

aqui está a aparência do meu relatório:

é um 87/100.

não é ótimo. Mas também não é terrível.

quase sempre há espaço para melhorias. Meu objetivo aqui é levá-lo a 100% até o final deste artigo enquanto fazemos essa jornada na velocidade da página juntos.

Primeiro, vamos olhar para os itens que foram otimizados e aperfeiçoado:

Agora, observe como há apenas alguns itens nesta lista, em comparação com a minha “Possíveis Otimizações” lista:

esta informação me diz que os itens em “possíveis otimizações” são um pouco menos impactantes do que aqueles que já otimizei.

obviamente, você precisará cuidar de cada elemento para atingir 100% na ferramenta Page Speed Insights.

você vai querer começar com os itens de prioridade máxima (mais sobre isso mais tarde).

em seguida, queremos testar nosso site móvel separadamente.

você pode usar o mobile site tester na ferramenta PageSpeed Insights, mas o Google lançou uma versão atualizada e mais precisa disso.

vá para testar meu Site para experimentá-lo. Insira o URL do seu site e clique em enter:

o Google levará alguns minutos para executar este relatório, mas fornecerá uma visão detalhada de como seu site móvel funciona em comparação com os padrões do setor.

ele vai até dizer quantos visitantes você poderia estar perdendo por causa de uma velocidade de página mais baixa.

aqui está o que meus dados se parecem:

meu tempo de carregamento no celular é de quatro segundos.

lembrar: O tempo de carga recomendado é de três segundos ou menos.

isso significa que minha velocidade não está de acordo com os padrões da indústria.

devido a isso, estou perdendo até 10% dos meus visitantes simplesmente por um desempenho de velocidade ruim!

aqui está o que o meu teste móvel parece quando eu compará-lo com os padrões da indústria:

enquanto ainda estiver na seção de melhor desempenho, não estou onde deveria estar se quiser maximizar a eficácia do meu site ou gerar mais tráfego e conversões.

role para baixo ainda mais e o Google fornecerá uma estimativa sobre o que suas principais correções podem fazer pelo seu site:

o Google diz que com algumas correções eu poderia reduzir meus tempos de carregamento em cerca de três segundos.

isso significa que eu poderia potencialmente fazer meu site carregar na marca de um segundo!

isso é incrível. Confie em mim, para economizar 10% de seus visitantes ou mais, é algo que você precisa fazer.

execute seu site através deste teste de site móvel para obter dados sobre quais correções você precisa para o seu site.

nesta próxima seção, vou orientá-lo para corrigir os problemas de velocidade da Página superior para ajudá-lo a marcar 100% na ferramenta PageSpeed Insights.

4 maneiras de obter uma pontuação perfeita do PageSpeed Insights

obter 100% perfeito na ferramenta PageSpeed Insights do Google não é uma tarefa fácil.

também não vai acontecer da noite para o dia. Você terá que fazer algum trabalho braçal e passar algumas horas na Pedra De Amolar.

mas se você quiser economizar tráfego, gerar mais conversões e gerar mais receita, você precisa fazer isso.

pode ser tedioso e cansativo, mas você precisa dessas conversões. Você não pode ser preguiçoso e correr o risco de deixar tráfego e lucro na mesa.

Aqui estão as quatro principais maneiras de acelerar o seu site e marcar um perfeito 100% com o Google.

comprima suas imagens

A maior causa de páginas lentas e pontuações baixas são imagens grandes.

quando consertei isso no meu próprio site, encontrei um enorme impacto na velocidade.

uma das principais técnicas de otimização para fixar o tamanho da imagem é a compressão.

você pode salvar uma média de 50% ou mais no tamanho da imagem usando ferramentas de compressão simples.

se você usa o WordPress, uma das melhores maneiras de fazer isso sem gastar muito tempo é usar um plugin, como a imagem WP Smush.

WP Smush tem toneladas de recursos incríveis gratuitamente.

você pode smush imagens automaticamente adicionando o plugin. Ele vai analisar a sua biblioteca de mídia do WordPress e detectar imagens de que pode comprimir:

Se você quiser smush toneladas de novas imagens para o seu site em massa, você pode enviá-los diretamente para o plugin.

Você pode smush até 50 imagens de uma única vez, tornando-o um dos mais rápidos ferramentas no mercado:

Se você cabeça para as definições para este plugin, você pode ativar a configuração automaticamente smush imagens em carregar.

se você ativar essa configuração, você nunca terá que se preocupar com a compressão novamente. E se você compactar todas as imagens existentes em seu site, não precisará se preocupar com isso toda vez que fizer o upload.

WP Smush é uma excelente ferramenta gratuita para o Usuário Diário do WordPress.

mas, se você não usa o WordPress, o que você faz?

se você executar uma loja e um site baseados no Shopify, poderá usar o Crush.pics:

Crush.pics diz que você pode esperar um grande salto nas pontuações do PageSpeed Insights usando sua ferramenta:

pontuação do PageSpeed antes da compressão: 75/100. PageSpeed score após compressão: 87/100

se você não está familiarizado com plugins ou não gosta de usá-los para o seu site, você pode usar ferramentas gratuitas on-line como comprimir JPEG ou Optimizilla.

ambos são ferramentas rápidas e gratuitas que permitem compactar até 20 imagens em um único upload.

Confira esta imagem de exemplo que compactei para ter uma ideia de como esses programas podem ser impactantes:

reduzi o tamanho do arquivo em 68% em apenas dois segundos usando Optimizilla. Reduziu o tamanho de 380KB para 120kb com quase nenhuma diferença de qualidade!

você pode usar todas essas ferramentas gratuitamente e definitivamente deve implementá-las se não puder usar um plugin.

Use o Cache do navegador

o Cache do navegador funciona “lembrando” os recursos carregados anteriormente para que ele não precise recarregá-los a cada visita.

quando um visitante do site viaja para uma nova página em seu site, todos os seus dados, como logotipos e rodapés, não precisarão ser carregados novamente.

isso resultará em um grande aumento na velocidade quando as pessoas pousarem em seu site.

como você o implementa? Felizmente, há um plugin para isso. Você não precisa ser um especialista em codificação para fazer isso.

tente usar o W3 TOTAL Cache para Sites WordPress. Tem mais de um milhão de instalações ativas e é o plugin de cache mais popular do mercado:

W3 TOTAL Cache afirma que ele pode lhe dar pelo menos uma melhoria de 10x no desempenho geral do site.

além disso, eles afirmam (e fazem backup) que este plugin ajudará você a obter resultados mais altos nas Ferramentas PageSpeed do Google.

a ferramenta também ajuda a reduzir o HTML( no qual mergulharemos a seguir), JavaScript e CSS, oferecendo até 80% de economia de largura de banda.

tente usar o W3 TOTAL Cache hoje para dar ao seu site um aumento rápido e fácil de velocidade, mesmo que você não tenha experiência em codificação.

reduza seu HTML

minimizar o espaço que sua codificação HTML ocupa é outro grande fator para obter uma pontuação perfeita do Google.Minificação é o processo de remover ou corrigir dados desnecessários ou duplicados sem afetar a forma como um navegador irá processar o HTML.

envolve a fixação de código, formatação, remoção de código não utilizado e encurtamento de código quando possível.

mais uma vez, graças às incríveis opções de plug-ins do WordPress, você não precisa ser um gênio da codificação para corrigir isso.

uma das melhores ferramentas para fazer isso é o HTML Minify.

você pode baixar este plugin gratuitamente diretamente de seu site e instalá-lo em sua conta WordPress em segundos.

você também pode instalá-lo diretamente desta página do plugin.

Depois de instalar o plugin, você só precisa dar alguns passos antes de você ver um impacto imediato em seu site.

vá para a guia Configurações em seu plugin HTML Minify e habilite todas as seguintes configurações:

você pode efetivamente matar vários pássaros com uma pedra.

o PageSpeed Insights do Google recomenda que você reduza HTML, JavaScript e CSS.

habilite as configurações “Minify HTML” + “Inline JavaScript”.

em seguida, certifique-se de selecionar Sim Para “remover comentários HTML, JavaScript e CSS.”

a grande coisa sobre este plugin é que ele irá dizer-lhe o que a ação recomendada está sob cada configuração.

siga estas ações se você não estiver familiarizado com a forma como essas configurações funcionam.

reduza sua codificação hoje e você verá um impacto instantâneo em seu relatório insights.

implementar AMP

AMP é a abreviação de Accelerated Mobile Pages.

é um projeto implementado pelo Google para ajudar as páginas móveis a carregar mais rápido.

funciona criando um formato de código aberto que retira toneladas de conteúdo desnecessário, fazendo com que suas páginas móveis carreguem quase instantaneamente.

oferece aos usuários uma experiência mais simplificada no celular, sem recursos desajeitados que não funcionam bem em dispositivos móveis.

se você navegar na Internet no seu celular, provavelmente clicou em um artigo baseado em AMP.

aqui está o que eles se parecem:

eles são frequentemente relegados à seção” principais histórias ” dos resultados de pesquisa do Google e são carregados instantaneamente.

eles não têm muita formatação, o que os ajuda a carregar rapidamente e entregar o conteúdo que o usuário móvel deseja ver.

quando um pesquisador no Google clica em um desses artigos AMP, Eles veem o conteúdo assim:

é uma versão simplificada do site real que permite ao usuário rolar entre diferentes histórias sem sair da página da web e clicar na próxima.

este recurso agiliza a experiência do usuário no celular.

Longe vão os dias em que você teve que esperar 10 segundos para um site para carregar, em seguida, clique de volta para a página de resultados da pesquisa, e esperar mais 10 segundos para o próximo site para carregar.

aqui você pode acessar o conteúdo de vários artigos sem clicar no botão voltar uma vez.

é extremamente eficaz em acelerar o seu site e reduzir a probabilidade de alguém sair.

toneladas de empresas estão aproveitando a AMP.

a empresa WIRED começou a implementar AMP para fazer um trabalho melhor de alcançar seus clientes.

eles estavam descobrindo que sua experiência de usuário móvel era muito lenta. As conversões simplesmente não estavam acontecendo por causa dos problemas de velocidade e retenção de visitantes.

decidir investir tempo em AMP causou um enorme impacto para a WIRED.

eles aumentaram sua taxa de cliques dos resultados de pesquisa orgânica em 25%.

eles também encontraram um aumento de 63% nos CTRs em anúncios em histórias AMP.

eles também foram capazes de adicionar histórias AMP a mais de 100 mil artigos em seu site.

Gizmodo também pulou no trem AMP E viu grandes melhorias em seu site móvel.

eles estavam recebendo mais de 100K amp página visitas todos os dias com tempos de carregamento que eram 3x mais rápido do que as páginas móveis padrão.

as conversões aumentaram 50% também.

é seguro dizer que o AMP pode aumentar significativamente as conversões e a velocidade do celular, dando a você uma grande oportunidade de pontuar mais alto no PageSpeed Insights do Google.

se você quiser começar a usar AMP em seu próprio site, existem algumas maneiras de fazê-lo.

se você estiver familiarizado com HTML, você pode seguir o tutorial detalhado do AMP aqui.

para aqueles que são menos tecnologicamente experientes ou não têm experiência em HTML, tente usar um plugin WordPress.

um dos plugins mais populares é AMP para WP.

tem mais de 80.000 instalações ativas e tem suporte e atualizações constantes.

o plugin inclui um construtor de páginas AMP que você pode facilmente arrastar e soltar elementos da página:

é uma das maneiras mais fáceis de criar conteúdo compatível com AMP.

tudo o que você precisa fazer é baixar e instalar o plugin no painel do WordPress e ativá-lo.

a partir daí, você pode usar o construtor de páginas em cada nova postagem que enviar.

essas páginas criarão uma versão compatível com AMP que aparecerá nos resultados da pesquisa móvel.

AMP é uma maneira comprovada de acelerar seu site móvel e reduzir sua velocidade para menos de um segundo–e toneladas de empresas estão encontrando sucesso com ele.

Perguntas Frequentes do Google PageSpeed Insights

como a taxa de rejeição se correlaciona com a velocidade da página?

quais indústrias têm os sites mais lentos?

quão rápido um site deve carregar?

Google PageSpeed Insights conclusão

quando você passou incontáveis dias, semanas e meses construindo um novo site, você quer que cada imagem, elemento e ícone sejam de primeira linha.

no entanto, isso geralmente resulta em um site mais lento do que o Google recomenda.

quando se trata de gerar conversões em seu site, a velocidade sempre terá um grande papel.

as pessoas não querem esperar 10 segundos para o seu site carregar quando podem clicar De Volta no Google e selecionar o próximo resultado.

marcar bem no teste PageSpeed Insights deve ser uma de suas principais prioridades ao tentar aperfeiçoar e otimizar seu site.

para começar, primeiro você precisa diagnosticar quais problemas estão afetando seu site.

são imagens, elementos de página, muito texto, codificação incorreta ou todos os itens acima?

Use a ferramenta Google PageSpeed Insights para ver onde está o problema e, em seguida, trabalhe com suas sugestões. Você também deseja reduzir o código, compactar imagens, adicionar cache do navegador e implementar AMP.

estas são etapas comprovadas que podem ter um grande impacto na sua pontuação do PageSpeed Insight.

marcar 100% perfeito no PageSpeed Insights do Google pode dar ao seu site o impulso de que ele precisa para ter sucesso.

quais são as melhores maneiras que você encontrou para aumentar a velocidade do seu site?