Como otimizar a velocidade do site como um profissional (o guia completo para iniciantes)



Mais de 65% do tráfego da Internet agora é móvel, portanto, se você precisar ter certeza de que o desempenho móvel do seu site é ideal. Mas como otimizar a velocidade do site para garantir que seu site e todas as suas páginas tenham o desempenho esperado? 


# 1) Falta de velocidade (você está usando a hospedagem errada)

Como otimizar a velocidade do sitepino

A ascensão do celular significa que as pessoas estão acessando seu conteúdo, em sua maioria, usando dados móveis - o que significa conexões 3G e 4G. Por esta razão, você TEM que otimizar seu site para velocidade. Deixar de fazer isso resulta em maiores taxas de rejeição, menos conversões e uma redução nas páginas visualizadas por visitante.

O Google agora está indexando conteúdo com base nos dispositivos móveis, então se você não estiver 100% focado no desempenho do seu site em dispositivos móveis, sua classificação será prejudicada. A velocidade (ou seja, quanto tempo leva para o seu site carregar) é um dos principais fatores de classificação do Google, portanto, por esse motivo, você simplesmente não pode evitar NÃO investir em uma boa hospedagem para o seu site.

Como otimizar a velocidade do sitepino

Se você estiver usando o WordPress, os dois melhores hosts WordPress agora são os seguintes:

  • Kinsta - Kinsta é um hospedeiro WordPress brilhante. Construído no Google Cloud, o Kinsta oferece uma velocidade de site verdadeiramente rápida em todas as áreas. Ele apresenta a mais avançada tecnologia de segurança e servidor disponível, tem 100% de tempo de atividade, pode lidar com enormes picos de tráfego sem travar e tem um dos melhores serviços ao cliente do mercado. Isso é por que Eu uso o Kinsta em TODOS os meus sites.
  • WP Motor - WP Engine usa a mesma tecnologia do Kinsta, o Google Cloud. Mas ao contrário de Kinsta, WP Engine oferece uma gama de extras adicionais como o acesso ao seu portfólio de temas WordPress premium gratuitos, cujo preço varia de US $ 60 a US $ 300 normalmente. Adicione suporte brilhante, backups de 40 dias e tempos de carregamento incrivelmente rápidos, e é fácil ver por que muitos escolhem WP Engine sobre Kinsta.

# 2) O design do seu site não é compatível com dispositivos móveis

Quando foi a última vez que você atualizou o design do seu site? Se você não consegue se lembrar, é provável que não seja ideal para usuários móveis. Com o aumento dos níveis de tráfego móvel, ter um site devidamente projetado e 100% otimizado para celular não é apenas uma obrigação, é essencial.

Como otimizar a velocidade do sitepino

A diferença que um pouco de velocidade pode fazer para lucros e conversões (Fonte da imagem)

Este é outro grande motivo para usando uma empresa de hospedagem como WP Engine, uma vez que oferece uma seleção de temas WordPress premium gratuitamente, como parte de sua assinatura. Normalmente, o preço desses temas varia de US $ 60 a US $ 300, portanto, se o design do seu site precisar de uma atualização e você precisar de uma hospedagem melhor, WP Engine é definitivamente o caminho a percorrer.

# 3) O papel do CRO na criação de páginas otimizadas para celular

Como otimizar a velocidade do sitepino

CRO ou Otimização da Taxa de Conversão, é essencial. Assim como SEO, CRO tem tudo a ver com tornar a experiência do seu site o melhor possível - e em seu núcleo está a dedicação a testes quase constantes. Você testa as posições dos elementos do site, o layout das páginas, títulos, manchetes, onde você tem seus CTAs. As possibilidades são infinitas.

E quando você está procurando melhorar o desempenho do seu site para celular, o CRO é a sua ferramenta nº 1. Porque? Porque os usuários de desktop e usuários móveis se comportam de maneira diferente. Isso é por que Amazon tem uma experiência de área de trabalho diferente em comparação com seu aplicativo móvel. E o Facebook. A forma como os usuários interagem com as coisas muda no celular, e você precisa garantir que seu site leve essas interações em consideração.

Exemplo: se você estiver usando formulários de captura de e-mail pop-up, você precisa ter diferentes para desktop e celular. OptinMonster fornece formulários pop-up para dispositivos móveis e desktops para captura de e-mail, então, se você procura uma solução robusta e fácil de usar, certifique-se de verificar OptinMonster, já que isso pode aumentar suas inscrições em até 600%, aproveitando formulários específicos para tipos específicos de dispositivos.

# 4) Você PRECISA otimizar o tamanho das imagens

Como otimizar a velocidade do sitepino

Se você deseja que o seu site carregue mais rápido, você precisa de uma boa hospedagem, mas também deve ter certeza de que está usando algum tipo de compressão de imagem. Imagens, especialmente as grandes, são as principais culpadas por páginas de carregamento lento, tanto no celular quanto no desktop. Otimizar suas imagens e reduzir seu tamanho sem afetar a qualidade é uma das maneiras mais fáceis de reduzir o tempo de carregamento geral de seu site e de suas páginas.

E um de a melhor ferramenta de compressão de imagem do mundo é ShortPixel. Com o ShortPixel instalado, você simplesmente define algumas configurações e critérios, pressiona a tecla do compressor dentro do plugin e o ShortPixel faz o resto, compactando e reduzindo o tamanho das imagens em seu site. O melhor de tudo, porém, o ShortPixel não afeta a aparência das suas imagens - elas ainda parecerão em alta resolução, embora tenham seu tamanho bastante reduzido.

Você tem três níveis de compressão dentro do ShortPixel:

  1. Com perdas - Esta é a opção padrão e a que você provavelmente deseja usar. Com perdas irá reduzir e compactar todas as imagens em seu site, mas para o visualizador, elas ainda parecerão como imagens HD de alta qualidade.
  2. Lustroso - Com uma redução um pouco menor, a imagem parece idêntica à imagem, apenas com uma pegada um pouco menor em relação ao tamanho. Essa configuração é ideal para quem exige imagens de alta qualidade, como blogs de fotografia.
  3. Sem perdas - A opção menos compactada. Com Lossless, as imagens são compactadas e otimizadas, mas mantêm toda a qualidade e brilho dos originais. Novamente, esta opção é melhor se você precisar de qualidade de imagem de alto nível em seu site - digamos, se você tiver um blog de fotografia ou algo assim.

ShortPixel é uma ferramenta barata, mas fará uma diferença ENORME na velocidade geral do seu site. Por esse motivo, é uma das ferramentas mais importantes em seu arsenal ao otimizar um site para velocidade.

# 5) O Google AMP vale a pena?

Como otimizar a velocidade do sitepino

Se o seu site traz muitas notícias e você deseja ter uma classificação melhor, usar o Google AMP é uma maneira infalível de melhorar a velocidade da página do seu site. O AMP foi projetado para ser rápido. Ele foi desenvolvido pelo Google para melhorar a velocidade do conteúdo em dispositivos móveis em 3G e conexões móveis mais lentas. AMP significa Accelerated Mobile Pages.

As páginas com código AMP contêm uma configuração AMP de três etapas, de acordo com Search Engine Land.

  • HTML: uma marcação reduzida e exclusiva do código HTML tradicional com tags exclusivas.
  • JS: usado para buscar recursos e reduzido para eliminar a renderização desnecessária.
  • CDN: uma rede otimizada projetada para armazenar páginas em cache e adaptá-las ao código AMP imediatamente.

As páginas AMP também carregam rapidamente, graças ao acima exposto e ao fato de fazerem cerca de 77% menos solicitações de servidor. O conteúdo AMP também tem seu próprio carrossel especial no Google SERP. O AMP é usado principalmente em sites de notícias ou que publicam muitas postagens de notícias, já que o AMP meio que substituiu o Google News no SERP agora. Você saberá que é uma postagem AMP porque há um pequeno símbolo do Google AMP ao lado do título.

Usar o Google AMP acelera a velocidade de carregamento de sua página em até um segundo. Ele faz isso eliminando praticamente todo o design, CSS e anúncios nativos do seu site. A página que você obtém com AMP é bastante diferente das páginas normais do seu site, e isso traz aspectos positivos e negativos à mistura. O maior deles é menos controle sobre a aparência de suas páginas.

Se você faz MUITO conteúdo de notícias, o Google AMP definitivamente vale a pena integrar, no entanto, com a otimização de velocidade correta e hospedagem decente, bem como um design limpo e solicitações mínimas de servidor, os editores podem replicar mais ou menos velocidades de AMP com velocidades normais e móveis páginas otimizadas.

Resumindo: AMP é uma questão de velocidade. A velocidade é um fator de classificação. Mas o AMP não é a única maneira de fazer o conteúdo do seu site carregar mais rápido, mas é uma solução mais fácil, especialmente para o conteúdo de notícias do que realizar uma campanha de otimização de velocidade total em todo o site. O Google AMP também é gratuito, ao passo que reduzir a velocidade do seu site de 4 segundos para menos de um segundo exigirá um investimento considerável em software, know-how de TI e ferramentas.

Como testar a velocidade do site - As principais opções online grátis

Você sabe que a velocidade do site é importante, mas como fazer para testar a velocidade do site? Quais são as melhores ferramentas online para acessar as velocidades e tempos de carregamento do seu site? Como sempre, há muitos. Mas, para mim, as seguintes ferramentas online são as melhores opções para testar a velocidade do site:

  • Pingdom - Pingdom está disponível como uma ferramenta gratuita e paga. Ele acessará a velocidade geral do seu site, bem como páginas individuais, dando a você uma pontuação com base no tempo que leva para carregar. Vá com a versão paga do Pingdom e você terá acesso a coisas como monitoramento avançado de site, que alerta você se seu site cair. Pingdom também fará sugestões sobre como melhorar a velocidade de seu site e páginas individuais.
  • GTMetrix - GTMetrix é uma ferramenta online brilhante que o ajudará a entender melhor o desempenho geral da velocidade do seu site. Ele fornece relatórios detalhados sobre bugs e problemas que estão afetando a velocidade de carregamento da página, bem como sugestões sobre o que você pode fazer a respeito - ou seja, como melhorar a velocidade do seu site implementando correções. Você também pode usar GTMetrix para testar a velocidade de seu site em locais diferentes, digamos, Canadá, por exemplo.
  • Google Page Insights - O Page Insights é uma ferramenta gratuita e inestimável feita pelo Google que acessa o desempenho das páginas móveis do seu site. Basta inserir o seu domínio e o Page Insights irá gerar um relatório, onde acessa suas páginas mobile, sua composição, sua velocidade e então, se necessário, fará sugestões de como melhorar as coisas.

As principais ferramentas de otimização de velocidade de sites

Para melhorar adequadamente o desempenho do seu site e do seu site para celular, recomendamos que você use as seguintes ferramentas.

  • Kinsta - Para ter um site rápido, você precisa de uma hospedagem rápida. Se você estiver usando o WordPress, o Kinsta é praticamente a melhor opção no momento. WP Engine também é excelente, embora um pouco mais caro. Você obtém acesso a temas WordPress premium gratuitos, no entanto, bem como à mesma tecnologia central do Kinsta - coisas como backups automáticos, CDN, áreas de desenvolvedor e 100% de tempo de atividade.
  • ShortPixel - ShortPixel é a ferramenta nº 1 do planeta para otimizar e compactar TODAS as imagens do seu site. Grande linda as imagens parecem incríveis e ajudam nas conversões, mas se não forem verificadas, podem REALMENTE diminuir o desempenho do seu site, então certifique-se de ficar por dentro disso usando uma ferramenta de compressão de imagem como ShortPixel.
  • Google Optimize - Se você deseja realizar experimentos de CRO em seu site, precisará de um software para fazê-lo. E agora, o Google Optimize é praticamente a melhor ferramenta de CRO do planeta, permitindo que você teste A / B centenas de configurações diferentes em seu site. Esta ferramenta é imensamente poderosa nas mãos certas e não apenas melhorará o desempenho do seu site, mas também ajudará a aumentar suas taxas de conversão. Ah, e é totalmente grátis também!
  • OptinMonster - Conforme observado anteriormente, se você estiver coletando e-mails em seu site, você TEM que mostrar diferentes formulários de aceitação no celular e no desktop. Por quê? Porque os tamanhos de tela são totalmente diferentes, e um banner pop-up grande que fica bem no desktop ficará horrível no celular. OptinMonster é um dos aplicativos de captura de chumbo mais completos e populares no planeta. Ele tem toneladas de opções para celular e desktop e agora vai até armazenar seus leads também, graças ao recurso MonsterLeads recém-incluído.
  • GTMetrix - GTMetrix é uma ferramenta brilhante e gratuita para acessar rapidamente a velocidade de seu site e suas páginas individuais. Você obtém relatórios sobre o que está afetando a velocidade, como alterá-la e notas do AF sobre o desempenho do seu site. Se você está interessado em fazer melhorias em seu site, GTMetrix será uma parte central de seu conjunto de ferramentas para fazer isso.

Depois de classificar a velocidade do site, a próxima coisa que você precisa fazer é trabalhe em suas taxas de conversão. Confira nosso Guia definitivo para CRO (otimização da taxa de conversão) para obter uma visão geral das práticas recomendadas e como começar.

Richard Goodwin

Richard Goodwin trabalha como jornalista de tecnologia há mais de 10 anos. Ele é o editor e proprietário da KnowYourMobile.

Continue lendo