Como fazer seu site carregar rapidamente no celular (2024)
Mais pessoas estão usando o celular para acessar a internet do que o desktop. Um site rápido no celular pode melhorar muito o SEO e a conversão. Veja como acelerar um site no celular
O desempenho do seu site em dispositivos móveis agora é mais importante do que em desktops.
Isso ocorre porque há mais pessoas usando dispositivos móveis para acessar a internet do que pessoas usando desktops.
De acordo com o StatCounter, mais de 50% dos usuários da Internet em todo o mundo usam dispositivos móveis. Enquanto apenas um pouco mais de 47% usam desktops.
Se você está otimizando seu site principalmente para desktop, você está prejudicando o sucesso do seu negócio. O celular é mais importante agora do que nunca.
O desempenho do seu site em dispositivos móveis é muito importante para SEO. A abordagem do Google é agora primeira indexação para dispositivos móveis. Isso significa que o Google usa a versão móvel de um site para indexação e classificação.
Se o seu site for rápido no desktop e lento no celular, sua classificação será prejudicada. O desempenho do seu site em dispositivos móveis deve ser mais importante do que o desempenho em computadores.
Fazer seu site carregar rapidamente no celular melhorará seu SEO, reduzirá a taxa de rejeição e aumentará a conversão.
Mas otimizar um site para velocidade em dispositivos móveis não é tão fácil quanto otimizar um site para velocidade em desktops. Felizmente, este artigo pode ajudá-lo a fazer seu site carregar rapidamente em dispositivos móveis se você seguir as dicas listadas aqui.
Testando a velocidade do seu site
A primeira coisa que você deve fazer é testar a velocidade do seu site no celular. Isso lhe dará uma visão clara de quão rápido ou lento é o seu site.
Só porque seu site está carregando rápido no desktop não é uma garantia de que ele está carregando rápido no celular. É possível que seu site seja super rápido no desktop, mas super lento no celular.
Há muitos ferramentas de teste móveis, mas prefiro usar o Google Teste meu site para teste de velocidade móvel.
Simplesmente visite Pense Com Google e insira o URL do seu site. Você deve ser capaz de testar a velocidade do seu site.
Para mim, um site que carrega em 3 segundos é bom o suficiente. Mas o Think With Google recomenda pelo menos 2.4 segundos.
Como fazer seu site carregar rápido no celular
Aqui estão as práticas recomendadas para acelerar seu site em dispositivos móveis:
Use um tema responsivo
Um tema responsivo é um tema que se ajusta a todos os dispositivos. Isso significa que, mesmo que seus usuários venham de computadores, dispositivos móveis ou tablets, seu tema fornecerá a eles uma versão do seu site adequada ao dispositivo que eles estiverem usando.
Servir a versão desktop de um site para usuários de dispositivos móveis diminuirá o tempo de carregamento. E é terrível para a experiência do usuário.
Usar um tema responsivo é muito importante. É a primeira base de um site rápido no celular. Existem vários temas responsivos que você pode escolher. Leia minha lista de Os 10 melhores e mais rápidos temas WordPress, qualquer um dos temas listados é bom o suficiente e responsivo.
Use um host rápido
Seu host desempenha o papel mais importante na aceleração do seu site. Um host muito rápido com as mais recentes tecnologias de hospedagem fará com que seu site carregue rapidamente no celular.
Se você tiver um host lento, não importa como você otimize seu site, talvez não veja uma melhoria significativa.
Eu recomendo Cloudways e a Kinsta para sites estabelecidos. TargetTend está hospedado na Cloudways. Para sites iniciantes, recomendo Bluehost.
Usar AMP
As Accelerated Mobile Pages (AMP) são uma projeto do Google para acelerar sites em dispositivos móveis.
O AMP é otimizado para navegação móvel e pode ajudar a acelerar significativamente o tempo de carregamento de um site. Também pode reduzir o número de solicitações em mais de 77% de acordo com um estudo.
Você pode começar a usar o AMP instalando o plugin oficial de AMP. Existem outros AMP plugins, você também pode usá-los.
Depois de ativar o plugin, você pode escolher qualquer um dos três modos disponíveis. Se a maioria de seus visitantes vem de dispositivos móveis, considere usar o modo de transição ou padrão. Mas seu tema deve ser compatível com AMP.
Imagens de carregamento lento
As imagens podem tornar um site lento, principalmente em dispositivos móveis. A melhor maneira de lidar com eles é carregá-los quando os usuários rolarem para ele. Dessa forma, eles só serão carregados quando necessário e, portanto, terão pouco ou nenhum efeito no tempo de carregamento.
Se você tentar testar seu site em Insight de velocidade de página or Web.dev e você é avisado para “adiar imagens fora da tela”, isso significa que as imagens estão diminuindo o tempo de carregamento e você deve considerar o carregamento lento.
Lazing loading imagens tem tudo a ver com atrasar o carregamento de imagens até que um usuário role até ela. Isso pode melhorar a velocidade.
Tem muitos plugins para lidar com o carregamento lento. A maioria dos plugins de cache e plugins de otimização de imagem tem opções de carregamento lento.
Elimine recursos de bloqueio de renderização
A eliminação de recursos de bloqueio de renderização pode acelerar o tempo de carregamento do seu site em dispositivos móveis.
Geralmente, existem alguns scripts Java e CSS que tornam difícil para o navegador renderizar um site rapidamente quando um usuário o visita. Isso ocorre porque o navegador precisa parar e ler esses arquivos antes de poder renderizar o site para o usuário.
A eliminação desses recursos pode acelerar o tempo de carregamento. Existem plugins como o Autoptimize que podem ajudar a eliminar recursos de bloqueio de renderização.
Eu tenho um artigo útil sobre isso, você deve ler: Como eliminar recursos de bloqueio de renderização no WordPress.
Remover CSS não utilizado
Ter muito CSS não utilizado pode tornar um site lento. CSS não usado são CSS que não são necessários para um site carregar. Mas porque eles estão presentes, o navegador ainda precisa baixá-los, analisá-los e processá-los.
Existem plugins como Perfmatters e a Limpeza de Ativos que pode ajudar a remover CSS não utilizado.
Eu escrevi um guia simples sobre isso: Como remover CSS e JS não utilizados no WordPress.
Gerar CSS Crítico
O CSS crítico é usado para extrair facilmente o conteúdo acima da dobra para renderizá-lo rapidamente para o usuário. Ter um caminho CSS crítico pode acelerar o tempo de carregamento do seu site em dispositivos móveis e desktops.
Existem plugins que podem ajudar a Gerar CSS Crítico. WP Rocket pode fazer isso, Cache LiteSpeed e a Desempenho WP também pode gerar CSS crítico.
Tenha um bom sistema de cache
O cache é uma maneira muito confiável de acelerar um site. Você deve usar um plug-in de cache eficaz para fornecer conteúdo em cache para seus visitantes móveis. O WP rocket é um plugin de cache premium que é muito eficaz. W3 Total cache, se bem configurado pode ser muito eficaz.
Os mais empresas de alojamento web gerido oferecem cache no nível do servidor. Descubra se o seu host oferece o mesmo e peça que ativem para o seu site, se não estiver pronto para uso.
Você pode solicitar ao seu host para instalar e ativar o cache Varnish. O cache de verniz é conhecido por acelerar sites.
Otimizar imagens
Certifique-se de compactar as imagens. Prefiro compactar completamente as imagens antes de enviá-las. No entanto, existem muitos plugins, como ótimo e outros que podem ajudar a comprimir imagens dentro do WordPress.
A veiculação de imagens WebP também pode ajudar a aumentar a velocidade do site. WebP são menores que JPG e PNG, portanto, são mais rápidos.
Existem muitos plugins que podem ajudar a converter e servir imagens WebP. Optimole e imagens voadoras pode fazer isso muito bem.
Minify code
Minificação é o processo de compactar o código de um site de um tamanho maior para um menor. Quanto menor, melhor, desde que não quebre nada.
Você deve considerar a redução de JS e CSS.
A maioria dos plugins de cache oferece recursos de minificação. Mas certifique-se de usar o teste para testar porque a minificação é conhecida por quebrar sites.
Minimizar redirecionamentos
Muitos redirecionamentos podem deixar seu site mais lento, principalmente no celular. Pode diminuir o tempo de resposta do servidor.
Certifique-se de que você não está tendo muitos redirecionamentos. Se estiver, reduza-os o máximo que puder.
Habilitar a compactação
Compacte arquivos para tornar seu site rápido no celular. Quanto menores forem as coisas, mais rápido será o seu site.
Gzip ou Brotli podem aumentar significativamente a velocidade do seu site compactando os arquivos do site. Geralmente, Brotli é melhor que Gzip. Mas qualquer um deles funcionará bem. Verifique com seu host da Web para habilitar a compactação para você.
Existem também plugins que podem ajudá-lo a ativar a compactação se uma solução de plugin for mais adequada para você.
Reduza o número de AdSense por página
O Google AdSense é um dos mais populares maneiras de ganhar dinheiro blogando, mas também é conhecido por tornar os sites significativamente mais lentos.
Pela minha observação, se você desativar o AdSense, notará instantaneamente uma diferença muito grande no tempo de carregamento.
Mas o dinheiro é muito importante, assim como a velocidade. Então você tem que chegar a um compromisso. O Google recomenda 3 blocos de anúncios por página. Se você ficar com isso, então você deve ficar bem.
Percebi que os blocos de conteúdo correspondente e os anúncios no nível da página têm o impacto mais negativo no tempo de carregamento do celular.
Use um CDN
A Content Delivery Network pode ajudar a aumentar a velocidade do seu site, fazendo uma cópia estática do seu site e servindo-a a usuários de todo o mundo a partir de um local mais próximo deles quando tentarem visitar o seu site.
Se você não estiver usando um CDN, então você está perdendo!.
Confira o melhores provedores de CDN do WordPress.
Usar fonte de pilha do sistema
Recentemente eu estava tentando acelerar o tempo de carregamento deste site no celular. Então decidi parar de usar a fonte do Google e tentei a pilha do sistema e, para minha surpresa, houve uma melhoria significativa na velocidade.
As fontes do Google e as fontes incríveis são incríveis, mas podem deixar o site mais lento. O uso da pilha do sistema garante que nenhuma solicitação externa seja feita, pois é a fonte necessária de qualquer dispositivo que o usuário esteja usando.
Alguns temas facilitam a mudança para a pilha do sistema. Basta mudar para a pilha do sistema.
Faça uso de versões mais recentes do PHP
As versões mais recentes do PHP são normalmente mais rápidas do que as mais antigas. Você deve garantir que está usando a versão mais recente do PHP ou apenas uma versão anterior.
Não apenas pela velocidade, mas também pela segurança.
