A velocidade mata: como auditar e melhorar a velocidade e o desempenho do seu site

Então você fez toda essa otimização de SEO e conversão em seu site WordPress.

Você está recebendo backlinks, seu conteúdo é ótimo, suas páginas são otimizadas, você está atraindo críticas, tem um CTA atraente e muitas listagens de empresas precisas. Seu site é lindo. Uma obra de arte, realmente!

...mas a agulha não está se movendo. Por quê? A explicação pode ser mais simples do que você pensa. Seu site provavelmente está lento.

A velocidade ruim do site é realmente super comum. Até a equipe aqui da Vendasta já passou por esse problema em primeira mão. Há algum tempo estamos lutando contra os problemas de velocidade do nosso site e fizemos progressos... mas abordarei tudo isso mais tarde.

Vejo esse problema o tempo todo entre profissionais de marketing e agências de marketing. Somos nós que devemos "entender" e ser os primeiros a adotar as práticas recomendadas, como a otimização da velocidade da página do site. No entanto, a ferramenta PageSpeed ​​Insights do Google diz o contrário sobre muitos de nossos lindos sites otimizados para SEO e carregados de conteúdo.

Todos nós precisamos fazer melhor.

É por isso que você está lendo isso agora, então vamos ao que interessa!

Índice

O que é velocidade da página?

Como determinar a velocidade e a pontuação da sua página

Por que a velocidade da página é importante?

1. A velocidade mata o UX

2. A velocidade mata o SEO

3. A velocidade mata as conversões

Como você pode fazer seu site carregar mais rápido? 8 Táticas

4 estudos de caso de velocidade do site

Como fazer sua auditoria e otimização de velocidade do site

1. Obtenha uma linha de base para os resultados do gráfico

2. Trabalhe nas 8 etapas

3. Peça ajuda quando necessário

4. Mantenha-se comprometido com a velocidade do site daqui para frente

Como aproveitar a velocidade do site para aumentar as vendas

O que é velocidade da página?

A velocidade da página é a quantidade de tempo que leva para o conteúdo da página de um site carregar totalmente. Em um mundo onde as pessoas esperam resultados instantâneos, mais rápido é melhor.

Na verdade, quase metade dos usuários da web espera que um site carregue em 2 segundos ou menos, e eles tendem a abandonar um site que não é carregado em 3 segundos, de acordo com pesquisas feitas pela Akamai e Gomez.com.

Leitura relacionada: 58 estatísticas assustadoras para sites

Portanto, 3 segundos é a velocidade mínima que o visitante médio toleraria. O site típico está à altura da tarefa? A Pingdom usou seus próprios clientes como fonte de dados e descobriu que, para eles, a resposta era um retumbante NÃO.

Entre os clientes da Pingdom, o tempo médio de carregamento de páginas da web de 3Mb foi de 5 segundos. Muito lento.

Os padrões que muitos têm usado para o tempo de carregamento da página vêm de um estudo conduzido por Geoff Kenyon, onde ele compara a velocidade do site com o resto da web:

• se o seu site carrega em 5 segundos, é mais rápido que aproximadamente 25% da web
• se o seu site carrega em 2,9 segundos, é mais rápido que aproximadamente 50% da web
• se o seu site carrega em 1,7 segundos, é mais rápido que aproximadamente 75% da web
• se o seu site carrega em 0,8 segundos, é mais rápido que aproximadamente 94% da web

Então, como você pode determinar como seu site se comporta?

Como determinar a velocidade e a pontuação da sua página

Veja como medir como seu site se compara às expectativas atuais do usuário que discutimos acima:

1. Entre nos relatórios de velocidade do site do Google Analytics do seu site. Isso lhe dará uma ideia de como seu site se comportou em vários períodos de tempo e a velocidade de carregamento de cada uma de suas páginas.
2. Digite o URL do seu site na ferramenta PageSpeed ​​Insights do Google. Isso fornecerá a você um relatório sobre o desempenho de velocidade do seu site em dispositivos móveis e computadores. O relatório vem com algumas ações recomendadas que você pode tomar para melhorar a velocidade do seu site.
3. Verifique o teste de velocidade do site da Pingdom para descobrir a velocidade, a classificação e a porcentagem mais rápida do que a média dos sites testados da Pingdom
4. O GTMetrix fornecerá uma visão abrangente do status de otimização de velocidade do seu site.

Nota: Não se confunda ao ver diferentes tempos de velocidade em Pingdom e Gtmetrix. Como o Pingdom vai te mostrar o tempo de carregamento (o tempo que leva para mostrar o primeiro resultado do seu site - é isso que o google conta e você também deveria) e o GTmetrix vai te mostrar o tempo de carregamento completo (o tempo que leva para mostrar a página inteira com ela cheia funcionalidade em execução). Para melhor compreensão, é sempre bom ver a queda de velocidade de ambas as ferramentas.

Como parte da auditoria de velocidade do site (explicarei com mais detalhes abaixo), você usará essas ferramentas para acompanhar o progresso da otimização.

Leitura relacionada: Como acelerar seu site móvel WordPress

Por que a velocidade da página é importante?

Preencher a lacuna entre as expectativas do usuário (2 segundos) e o tempo médio de carregamento do site (5 segundos) é o objetivo da otimização da velocidade da página e as táticas que descreveremos mais adiante. Mas por que exatamente a velocidade da página é importante? Tudo se resume a 3 razões principais interligadas:

1. A velocidade mata o UX

A experiência do usuário é provavelmente o motivo mais importante pelo qual você deve se preocupar com a velocidade do site, então vamos começar aqui.

As pessoas não têm mais paciência para sites de carregamento lento. No início, apenas conectar-se à internet exigia uma tolerância que simplesmente não existe mais.

Você tem idade suficiente para se lembrar desse doce som?

Hoje, as pessoas estão constantemente online e você tem no máximo 3 segundos para exibir sua página ou elas desaparecem. Mais de 3 segundos cria uma experiência ruim para o usuário e a barra só aumentará no futuro.

Em sua palestra sobre os “10 Princípios de Ouro de Aplicativos Web de Sucesso”, o empresário e blogueiro Fred Wilson observa que,

“A velocidade é a característica mais importante. Se seu aplicativo for lento, as pessoas não o usarão. Eu vejo isso mais com usuários convencionais do que com usuários avançados. Acho que os usuários avançados às vezes têm um pouco de simpatia pelos desafios de criar aplicativos da Web realmente rápidos e talvez estejam dispostos a conviver com isso, mas quando olho para minha esposa e filhos, eles são minha visão dominante de o mundo. Se algo está lento, eles simplesmente se foram.”

A maneira mais fácil de pensar sobre isso é como você navega em sites e quais são suas expectativas para a maioria dos sites. Você fica sentado e tolera tempos de carregamento lentos? Qual é a sua impressão de um site que demora uma eternidade para carregar?

Leitura relacionada: Guia de 10 etapas para Noob-Friendly para criar sites para pequenas empresas

2. A velocidade mata o SEO

A experiência do usuário é, na verdade, a força motriz por trás das implicações de SEO da velocidade do site.

Edwin Toonen de Yoast explica,

“A pesquisa mais recente do Google mostra que a chance de rejeição aumenta 32% quando o tempo de carregamento da página passa de 1s para 3s. 1s a 5s aumenta a chance para 90% e se o seu site demorar até 10s para carregar, a chance de rejeição aumenta para 123%. Isso é incrível. Para os mecanismos de pesquisa, melhores resultados e desempenho são um sinal de um site saudável que agrada aos clientes e, portanto, deve ser recompensado com uma classificação mais alta.”

Embora o Google tenha demorado a revelar oficialmente se sites lentos receberiam rebaixamentos de classificação, parece que esses dias estão chegando. Você precisa garantir que seu site e os sites que você gerencia estejam prontos.

3. A velocidade mata as conversões

O efeito da velocidade do seu site nas conversões é o que realmente deve chamar sua atenção. Como você pode mover as pessoas através do seu funil se cada passo leva uma eternidade? Seus superfãs farão isso, mas aquelas pessoas novas e hesitantes, propensas ao remorso dos compradores, desistirão.

Por exemplo, a SOASTA fez recentemente um estudo sobre um de seus clientes mPulse, um varejista on-line líder que desfruta de uma quantidade significativa (4,5 milhões de sessões) de tráfego móvel.

Aqui estão suas principais descobertas:

1. Em termos de conversões, o ponto ideal de desempenho foi de 2,4 segundos
2. As páginas que foram apenas um segundo mais rápidas experimentaram um aumento de 27% na taxa de conversão
3. Em 4,2 segundos, a taxa média de conversão caiu abaixo de 1%
4. Na marca de 6 segundos, a taxa de conversão móvel começa a se estabilizar

Fonte da imagem: SOASTA

As implicações são bastante claras. Tempos de carregamento de página lentos prejudicam a taxa de conversão. Portanto, o raciocínio dedutivo de Sherlock indicaria que o foco no aumento da velocidade do site deveria aumentar a taxa de conversão!

Vamos ver se podemos fazer isso acontecer.

Como você pode fazer seu site carregar mais rápido? 8 Táticas

Acelerar seu site não será necessariamente um piscar de olhos. Se você tem um site pequeno e leve, talvez precise apenas tentar algumas táticas desta lista.

No entanto, sites grandes e antigos com muito código e conteúdo podem exigir alguma persistência e a implementação de várias táticas da lista a seguir.

Veja por onde começar:

1. Aproveite o cache do navegador:

Quando você visita sites, seu navegador geralmente armazena em cache as páginas do site para acelerar o tempo de carregamento.

O cache do navegador armazena arquivos de recursos da página da Web em um computador local quando um usuário visita uma página da Web, portanto, aproveitar o cache do navegador é quando você instrui os navegadores sobre como seus recursos devem ser tratados.

As coisas podem ficar mais lentas quando a resposta do seu servidor não inclui cabeçalhos de cache ou se os recursos são especificados para serem armazenados em cache apenas por um curto período de tempo.

Aproveitar o cache carregará suas páginas muito mais rapidamente para visitantes repetidos, assim como outras páginas que compartilham os mesmos recursos.

Nota: O estrategista de conteúdo de SEO Maddy Osman observa que “o W3 Total Cache é ótimo para isso, mas foi banido de alguns hosts (como o GoDaddy). Ele precisa de uma mão especializada para configurar para que você não quebre seu site.”

Veja como fazer

2. Otimize as imagens:

Se as imagens carregarem mais rápido, seu site carregará mais rápido, ponto final. O Google observa que “... as imagens geralmente representam a maior parte dos bytes baixados em uma página. Como resultado, a otimização de imagens geralmente pode gerar algumas das maiores economias de bytes e melhorias de desempenho.”

Isso significa que você pode obter grandes melhorias quando as imagens em suas páginas podem ser otimizadas para reduzir o tamanho do arquivo sem afetar significativamente a qualidade visual.

Veja como fazer

3. Minimize HTML, CSS e JavaScript:

Minificar remove todos os caracteres desnecessários que não são necessários para a execução do código.

Fontes de dados redundantes que você pode remover incluem comentários e formatação de código, remoção de código não utilizado, uso de variáveis ​​e nomes de função mais curtos e muito mais.

Veja como fazer

4. Ative a compactação gzip:

A compactação Gzip reduz drasticamente o tamanho dos arquivos enviados do seu servidor quando alguém visita seu site. Isso vai acelerar consideravelmente as coisas.

De acordo com o GTMetrix,

“O motivo pelo qual o gzip funciona tão bem em um ambiente da Web é porque os arquivos CSS e HTML usam muito texto repetido e têm muitos espaços em branco. Como o gzip comprime strings comuns, isso pode reduzir o tamanho das páginas e folhas de estilo em até 70%!”

Veja como fazer

5. Reduza o tempo de resposta do servidor:

O tempo de resposta do servidor é a quantidade de tempo que leva para um servidor da Web responder a uma solicitação de um navegador. Este é um problema importante a ser resolvido, porque se o tempo de resposta do seu servidor for lento, suas páginas serão exibidas lentas, não importa o quão otimizadas sejam suas páginas para velocidade.

O Google diz que você deve reduzir o tempo de resposta do servidor para menos de 200 ms. Então, como você faz isso acontecer?

Veja como fazer

6. Evite redirecionamentos da página de destino:

Seu site pode ficar muito lento quando você tem mais de um redirecionamento do URL fornecido para a página de destino final. Isso desencadeia um loop de redirecionamento que leva tempo para ser processado.

Aqui estão alguns exemplos de redirecionamentos que podem atrasar as coisas:

example.com → m.example.com/home - penalidade de ida e volta para usuários móveis.
example.com → www.example.com → m.example.com - experiência móvel muito lenta.

Veja como fazer

7. Priorize o conteúdo visível:

Esta é a mensagem exata que você obterá da ferramenta PageSpeed ​​do Google quando viagens de ida e volta de rede adicionais forem necessárias para renderizar o conteúdo acima da dobra da página.

Esse conteúdo “acima da dobra” é o que você vê em uma área de trabalho ou dispositivo quando visita uma página. Portanto, priorizar o conteúdo visível é a recomendação de que você priorize as coisas para que os elementos essenciais em sua página sejam carregados primeiro (e rapidamente) para os usuários e que você adie os elementos secundários da página, como plug-ins de compartilhamento social, javascript analítico, etc.

Veja como fazer

8. Elimine JavaScript e CSS de bloqueio de renderização no conteúdo acima da borda:

Os recursos JavaScript e CSS geralmente impedem que sua página seja exibida até que estejam totalmente carregados. Isso geralmente é uma boa ideia, pois a exibição prematura do conteúdo acima da dobra pode parecer bastante grotesca.

No entanto, esta é uma mensagem comum que você receberá do Google sobre a velocidade do site, e resolvê-la pode realmente aumentar a velocidade da sua página em alguns pontos.

Veja como fazer

Nota: Esta é a coisa mais difícil de corrigir para a maioria das pessoas. Existem plugins wordpress que fazem isso, mas podem fazer seu site parecer Frankenstein a cada carregamento.

Estudo de caso: acelerando o blog da Vendasta

Então, estou escrevendo este post sobre a velocidade do site, mesmo que Vendasta esteja em 44/100 para velocidade móvel (atualização: estamos em 77/100 três meses depois!) E 60/100 para velocidade de desktop.

Confie em mim, estou ciente de que pode haver uma pergunta sobre credibilidade nas ruas aqui. No entanto, há mais em nossa história do que a ferramenta de insights do Google pode lhe contar.

Na Vendasta, trabalhamos muito na velocidade do nosso site, mas claramente ainda não estamos onde queríamos estar. Na verdade, fizemos muitas melhorias, mas temos um site grande com muito conteúdo, então ainda não atingimos nossa meta de 80/100 para dispositivos móveis e computadores.

No entanto, não somos os únicos que lutam com a velocidade do site! Muitos sites importantes compartilham os mesmos desafios que nós. Na verdade, até o HubSpot também tem trabalho a fazer para melhorar o desempenho de seu site de acordo com a ferramenta PageSpeed ​​Insights do Google:

Este não é um callout de "tiros disparados" do HubSpot (respeito!), Estou apenas usando-os como um exemplo para ilustrar que melhorar a velocidade do site pode ser um desafio, mesmo para os profissionais, e que todos nós precisamos melhorar para atender às demandas da próxima geração de usuários da Internet. Execute alguns de seus sites favoritos por meio da ferramenta e você entenderá o que quero dizer!

Como mencionei acima, cada melhoria que fazemos para acelerar as coisas pode ter resultados exponenciais.

O tecnólogo de marketing da Vendasta, Adam Bissonnette, observa,

"A grande mudança para nós foi o lado do servidor - estamos em uma posição única executando nosso site wordpress no AppEngine (ninguém faz isso) e os grandes aumentos de desempenho foram a mudança do AppEngine Standard para o AppEngine Flex, que estava em Beta. Também mudamos nossa versão php de 5 para 7, que também ajudou muito. A atualização do php trouxe seu próprio conjunto de problemas, onde certos plugins não funcionavam mais e tivemos que lidar com essas consequências por um mês ou dois, mas a velocidade foi mais valiosa do que a funcionalidade perdida ."

O que você pode aprender com isso é que encontrar a melhor solução para sua situação específica é fundamental. Você pode descobrir que táticas movem a agulha para o seu site que nem mencionamos aqui!

Dê uma olhada no crescimento do nosso blog após o início de nossos esforços de velocidade do site em maio de 2016:

Essas melhorias prepararam o terreno para todas as iniciativas de conteúdo da Vendasta que se seguiram. Desde então, focamos em produzir um grande volume de conteúdo aprofundado e de qualidade. Sem as nossas melhorias coincidentes na velocidade do site, é improvável que você veja o aumento no tráfego exibido na captura de tela do Analytics.

O desempenho só vai melhorar à medida que continuamos a otimizar a velocidade do nosso site e a melhorar a experiência do usuário!

Principal lição: você não precisa marcar 100/100 para experimentar o crescimento em seu site.

Se você estiver em 40/100, faça algumas melhorias conforme o tempo permitir e atire para 60/100. Não se esgote atirando para 100/100 imediatamente!

Estudo de caso: iHeartRaves

A iHeartRaves é líder mundial em moda para festivais, cuja missão é inspirar a criatividade individual e capacitar a autoexpressão. Combinando suas duas outras marcas irmãs, suas lojas Shopify estão faturando US$ 20 milhões anualmente e foram apresentadas no Inc. 5000 por quatro anos consecutivos.

Como um site de comércio eletrônico, o iHeartRaves está claramente ciente das ramificações financeiras da baixa velocidade e desempenho do site.

Brandon Chopp, estrategista de marketing digital da iHeartRaves, me disse:

“Como uma marca de comércio eletrônico, percebemos que a velocidade do site é enorme! Quando penso em conversões, estou pensando nas melhores maneiras de fazer um usuário clicar em algo por meio de uma frase de chamariz. A verdade é que sites mais rápidos sempre vencerão. Quanto mais rápido for o seu site, maior a probabilidade de conversão dos usuários.”

Brandon sabia que precisava melhorar a velocidade do site para ajudar a empresa a atingir suas metas de crescimento de receita. Ele abordou os aprimoramentos de velocidade do iHeartRaves usando as seguintes táticas:

1. Otimizar imagens: para garantir que nosso site móvel carregue rapidamente, usamos um aplicativo da Shopify chamado Crush.pics. Isso garante que todas as nossas imagens sejam otimizadas para a velocidade do site, mantendo a qualidade da imagem.
2. Minimizar código: também tomamos medidas para minificar todo o nosso código líquido e priorizamos a ordem de carregamento dos scripts, ao mesmo tempo em que reduzimos o número total de scripts chamados.
3. Limpar recursos na página: remover recursos desnecessários em algumas páginas e reduzir recursos de imagem em outras também ajudou a reduzir o tempo de carregamento do site. Tentamos equilibrar velocidade e conteúdo, porque somos um site de comércio eletrônico. É muito importante para nós garantir que nossa qualidade de imagem esteja de acordo com nossos padrões, mantendo uma ótima experiência de usuário para nossos clientes.

A velocidade de carregamento da página e os resultados da taxa de rejeição realmente melhoraram com essas atualizações: “Desde que fizemos as alterações, a velocidade do nosso site diminuiu de 10,25 para 6,86 segundos ano após ano (uma redução de 65%) e nossa taxa de rejeição diminuiu 6%”, explica Brandon . “Estava originalmente em 40,34% e agora caiu para 34%.”

Essas melhorias também se traduziram em resultados financeiros tangíveis para a iHeartRaves. “Temos nos beneficiado no Google por ter um site móvel rápido porque nossa taxa de conversão aumentou ano a ano, graças em grande parte à diminuição da velocidade de nosso site. Ao colocar a experiência do usuário do cliente em primeiro lugar, conseguimos reter nossos clientes e tornar a experiência de compra mais fácil.”

Principal conclusão: é importante lembrar que a velocidade e a experiência do usuário andam de mãos dadas.

Combinados, os dois podem levar a melhorias na única métrica que os rege: Conversões!

Estudo de caso: Melhoria de 6 segundos e 40 pontos de Jubaer

O próprio especialista em SEO da Vendasta, Jubaer Prodhan, compartilhou uma instância na qual ele seguiu a Ferramenta Pagespeed Insight do Google para seu próprio site com alguns bons resultados.

Jubaer observa: “No meu caso, tenho um site wordpress com tempo de carregamento superior a 8 segundos e pontuação GPI (Google PageSpeed ​​Insight) de 43. Fiz o seguinte para melhorar a velocidade do site.”:

1. Otimização de imagem: se feito corretamente, pode reduzir drasticamente o tamanho e a velocidade da página. No meu caso, o tamanho da página caiu de 3 MB para 1,6 MB. Plugin usado: ShortPixel Image Optimizer (Você também pode otimizar imagens com esta ferramenta)
2. Minificação de código: Muitas vezes, usamos vários plugins wordpress para nossas diversas necessidades. O que não percebemos é que a maioria deles adiciona CSS/HTML/Javascript extra ao seu site. O que aumenta o tempo de carregamento e a solicitação do navegador. Minificar (remover linhas e códigos extras) é uma solução fácil para isso. Plugin usado: Autoptimize
3. Cache do navegador: o uso do cache do navegador é recomendado pela maioria das principais ferramentas. E reduz a largura de banda, o tempo de carregamento para o visitante que retorna e muitas outras coisas úteis. Plugin usado: WP Fastest Cache

O site de Jubaer agora carrega em 1,9 segundos e a pontuação GPI é 83! Isso é uma grande melhoria de 8 segundos e uma pontuação GPI de 43.

Principal lição: sites menores podem ver melhorias marcantes na velocidade com apenas algumas alterações importantes.

Tente trabalhar com a lista de Jubaer para começar e ver quais resultados você obtém antes de prosseguir para as próximas táticas.

Leitura relacionada: Os 7 plugins de SEO do WordPress: sua nova pilha local

Estudo de caso: como uma empresa alcançou 100/100 na ferramenta PageSpeed ​​do Google

Obter esse 100/100 é uma indicação de que seu site é o mais otimizado possível para velocidade. É o objetivo final, e uma empresa com quem conversei explicou algumas táticas internas que os ajudaram a chegar lá.

Bret Bonnet, co-proprietário/fundador da Quality Logo Products, um distribuidor de $ 40 milhões de produtos promocionais localizado em Chicago, IL. explica,

“A velocidade da página é um foco importante para nossa organização. Mesmo que seja muito menor, ainda é um sinal de classificação. Estudos mostraram que a velocidade da página pode ter um impacto dramático no desempenho da conversão. A maneira mais eficaz de melhorar o tempo de carregamento do seu site é trabalhar com o carregamento de recursos, permitindo que o conteúdo "acima da dobra" seja exibido completamente antes de carregar o CSS/JS. NÃO otimizar o carregamento de conteúdo “acima da dobra” pode resultar em uma dedução de 10 pontos na pontuação geral do Google Page Speed ​​Insights.”

[clickToTweet tweet="NÃO otimizar o carregamento do conteúdo acima da dobra pode resultar em uma dedução de 10 pontos na pontuação geral do Google #PageSpeed ​​Insights." quote="NÃO otimizar o carregamento do conteúdo acima da dobra pode resultar em uma dedução de 10 pontos na pontuação geral do Google #PageSpeed ​​Insights."]

Essa dedução de 10 pontos mostra a importância que o Google acredita da otimização do conteúdo acima da dobra. O que é surpreendente e paradoxal é o que Bret explica a seguir:

“Além do gerenciamento de ativos, uma pontuação perfeita NÃO PODE ser alcançada por nenhum site que inclua código de rastreamento comum de Google AdWords ou Google Analytics em seu código-fonte. Esses arquivos JS são fornecidos diretamente do Google - por qualquer motivo, o Google não segue suas próprias diretrizes de qualidade - e são transmitidos ao navegador descompactados. Essa otimização ruim – que, novamente, está fora de seu controle – está inteiramente do lado do Google e pode custar até 5 pontos.”

A Quality Logo Products conseguiu acelerar as coisas e atingir esse 100/100 usando a seguinte tática:

“Para superar isso, registramos os IPs dos quais o Google rastreia e os IPs de origem para essas ferramentas e temos nossos servidores servindo intencionalmente versões do Google de nossas páginas sem o código de rastreamento instalado. É meio estranho, mas o Google está prejudicando nossa própria pontuação do Google Page Speed ​​Insight. Então, para superá-lo, intencionalmente não fornecemos ao Google seu próprio código não otimizado, resultando em uma melhoria de 5 pontos em nossa pontuação de velocidade de página em média.”

Key takeaway: Uma pontuação de 100/100 é alcançável!

É desconcertante que os próprios produtos do Google diminuam tanto as coisas, mas a solução neste estudo de caso deve ajudar.

Como fazer sua auditoria e otimização de velocidade do site

1. Obtenha uma linha de base para os resultados do gráfico

A primeira etapa do seu processo de auditoria e otimização deve ser obter uma visão básica de onde seu site está atualmente para algumas métricas.

Se você registrar seu ponto de partida, poderá acompanhar melhor o sucesso de seus esforços de otimização. Sempre que você otimizar seu site de alguma forma para obter velocidade, certifique-se de registrar seu progresso em relação a essas mesmas métricas.

Aqui estão algumas coisas que você deve acompanhar:

1. Tempo de carregamento do site: Vá para o relatório do Google Analytics em Menu → Comportamento → Velocidade do site → Visão geral (e Tempos de página para ver páginas individuais). Registre o tempo médio de carregamento da página do site e todas as páginas principais que deseja rastrear. Você também pode usar as ferramentas Pingdom e GTMetrix mencionadas acima.
2. Pontuações do Google PageSpeed ​​do seu site: basta clicar aqui e inserir o URL do seu site e verificar suas pontuações para dispositivos móveis e computadores. Registre-os.
3. Taxa de rejeição: veja se sua taxa de rejeição melhora, o que indicaria que menos pessoas estão saindo do site depois de visualizar apenas uma página. Você pode visualizar isso em vários lugares, como Comportamento → Visão geral.
4. Taxa de conversão: os visitantes estão convertendo a uma taxa mais alta após suas melhorias? Isso é importante acompanhar! Acesse Conversões → Metas → Visão geral para visualizar e registrar sua taxa de conversão atual.

Mantenha registros de seu progresso em uma planilha e certifique-se de anotar as alterações no site no Google Analytics, criando anotações para cada atualização.

2. Trabalhe nas 8 etapas

O melhor lugar para começar sua auditoria são as sugestões que a ferramenta PageSpeed ​​Insights do Google oferece. Se você ainda não está em 100/100, verá algumas dicas do Google sobre por onde começar.

Trabalhar nas 8 etapas para melhorar a velocidade do site que destacamos levará algum tempo e persistência, como mencionei.

Meike Hendriks, especialista em SEO da Yoast notes,

"Não precisa ser difícil aumentar a velocidade do seu site. Muitos sites têm imagens muito grandes que podem ser facilmente otimizadas. Além disso, sites com visitantes de todo o mundo devem definitivamente usar um CDN para garantir que as imagens sejam exibidas como o mais rápido possível para todos! Adicionar algumas linhas de código ao arquivo .htaccess pode acelerar seu site facilmente. Por exemplo, você pode ativar o cache do navegador e a compactação gzip para arquivos menores que podem ser carregados muito mais rapidamente nos computadores dos visitantes."

Você tem que definir algumas metas e expectativas realistas. Quando você tem sites grandes e multifacetados com muito conteúdo (incrível!) Como nós da Vendasta e Hubspot, levará mais tempo para atingir os mesmos objetivos de um site pequeno e ágil com poucas páginas.

3. Peça ajuda quando necessário

Ei, não somos todos desenvolvedores e designers. Se seus esforços de desenvolvimento DIY estão quebrando seu site ou surgindo em sessões de terapia, você pode querer trazer ajuda especializada.

Todos nós conhecemos e invejamos os magos técnicos. Deixe-os fazer isso por você!

Pius Boachie da Digitimatic me disse que um desenvolvedor full stack é a chave para ajudar com problemas de velocidade do site:

"Quando se trata de superar a ferramenta de insights de velocidade da página do Google, o desenvolvedor faz o trabalho pesado mantendo o código limpo, priorizando o conteúdo acima da dobra. Por experiência, ao projetar para clientes, projetamos para velocidade, então escolhemos um construtor de sites como Duda (produtos rápidos) ou construir em um CMS ou zero (caro), investir um bom CDN e hospedagem (muito importante) ao lado de um desenvolvedor full-stack experiente."

Você já configurou suas métricas de linha de base, então será fácil acompanhar seu progresso e sucesso daqui para frente. Se você estiver trabalhando em vários sites para clientes, poderá replicar seu sucesso e interromper qualquer coisa que não esteja funcionando.

Leitura sugerida: Não são necessários desenvolvedores: por que você precisa de um construtor de sites de marca branca

4. Mantenha-se comprometido com a velocidade do site daqui para frente

Você provavelmente pode eliminar algumas frutas fáceis, como otimização de imagem, minificação de código e cache do navegador, e ver alguns bons resultados imediatamente. No entanto, para atingir seus objetivos, pode ser necessário um esforço mais sustentado para eliminar as 8 táticas que destaquei.

Não tente fazer tudo de uma vez! Para evitar o esgotamento, faça um plano para diminuir, enquanto monitora os resultados de seus esforços.

Veja como aproveitar a velocidade do site para aumentar as vendas

Pensamentos finais

Obter melhorias na velocidade do site no mundo real é sempre mais complicado do que parece nas postagens do blog. Você vai enfrentar alguns desafios ao longo do caminho, mas mantenha o foco nos resultados, porque eles vão melhorar a experiência do usuário, o SEO e as conversões a longo prazo.

Isso é o mais importante; preparando-se para o futuro rápido da navegação online.

Se precisar de ajuda, chame seus amigos técnicos ou diga-nos como podemos ajudar!

Se você tiver alguma experiência ou conselho para compartilhar, sinta-se à vontade para entrar na seção de comentários desta postagem também ...