1. Introdução - Como melhorar a velocidade das páginas móveis
Deseja melhorar a velocidade da página móvel? No final de 2019, os dispositivos móveis representavam cerca de 52,6% de todo o tráfego global do website . Não é, portanto, surpreendente que a velocidade da página móvel seja um dos factores de classificação do Google para SEO.
Em Julho de 2019, a Google anunciou a sua iniciativa de indexação do primeiro telemóvel. Com mais de metade da população mundial a utilizar o telemóvel para aceder à Internet, as coisas tinham de mudar.
De acordo com o Google, demora em média 15 segundos para um website móvel ser carregado. Está surpreendido com essa figura? Definitivamente estava. Esperava que os sítios Web móveis carregassem muito mais rapidamente, por isso não é surpresa que as pessoas se perguntem como podem melhorar a velocidade dos sítios Web móveis.
À medida que o tempo de carregamento da página vai de um segundo a 10 segundos, a probabilidade de um visitante móvel do site saltar aumenta 123%.
Se está a falar a sério sobre o seu website ou negócio, vai precisar de se certificar de que melhora a velocidade da página móvel. Aqui estão 10 maneiras de melhorar a velocidade da página móvel em 2022.
2. Encontrar um alojamento web rápido para melhorar a velocidade da página móvel
O alojamento Web é o cerne de cada sítio web. Sem ele, não teria uma forma de exibir o seu sítio web em linha. Além disso, se o seu anfitrião web for lento e pouco fiável, todos os seus esforços para melhorar a velocidade da sua página móvel seriam fúteis.
Encontrar o melhor anfitrião web deve ser a sua primeira prioridade na melhoria da velocidade da página móvel. Há muitos factores a considerar, por isso, aqui estão alguns para o ajudar a começar:
Localização do servidor Web: Um bom anfitrião web deve ter múltiplas localizações de centros de dados para que possa escolher. Se a maioria dos visitantes do seu website estiver nos EUA, escolha um servidor americano, ou se estiverem no Reino Unido, escolha o servidor do Reino Unido ou europeu.
Alojamento específico: Se estiver a utilizar uma plataforma específica como o WordPress para o seu sítio web, poderá ser melhor encontrar um anfitrião que ofereça mais alojamento de nicho. O alojamento de WordPress não só oferecerá grandes benefícios para WordPress, como provavelmente descobrirá que os seus servidores estão optimizados para WordPress.
Alojamento gerido: No verso do meu argumento sobre o alojamento WordPress, muitas pessoas optam pelo alojamento gerido, uma vez que muitas vezes mantém o seu website mais seguro. Por exemplo, o WordPress gerido irá gerir todas as actualizações para o seu sítio WordPress, para que não tenha de o fazer manualmente. A manutenção do website é essencial para garantir que o seu website permanece seguro, protegido e bem classificado nos motores de busca.
Disponibilidade de recursos: Quando se inscreve pela primeira vez num alojamento web, pode sentir que um dos seus planos de alojamento é adequado à sua situação actual. Mas e se a sua situação mudar? O que acontece se o seu website começar a receber mais tráfego do que o previsto? Muitos anfitriões da web colocarão um limite no número de visitantes mensais do website que pode ter, ou na quantidade de armazenamento e largura de banda que pode utilizar. Por conseguinte, é importante encontrar um plano de alojamento que seja escalável e possa crescer com as necessidades crescentes do seu website.
3. Caching
Caching é um processo pelo qual o conteúdo de um sítio web é armazenado para que um utilizador o possa ver posteriormente. Deve ter notado que o tempo de carregamento de um sítio web é significativamente menor na segunda vez que o visita.
Quando visita um sítio web pela primeira vez, o seu dispositivo precisa de carregar cada peça de conteúdo disponível para que possa visualizar correctamente o sítio web. No entanto, depois de visitar pela primeira vez, o seu dispositivo pode armazenar o conteúdo, tornando os tempos de carga futuros muito mais rápidos.
Ao criar cópias estáticas de conteúdos, os servidores são capazes de trabalhar muito mais rapidamente e, portanto, entregar conteúdos num tempo mais rápido. Há várias maneiras de permitir o armazenamento em cache.
Caching de servidores: O caching de servidores é algo que pode ser feito pelo seu anfitrião web. Se escolheu um alojamento web decente, eles já devem ter uma ferramenta de caching incorporada no seu plano de alojamento. Dirija-se ao seu painel de controlo de alojamento para saber mais sobre o cache do seu servidor. Se não souber onde encontrar isto, contacte o seu anfitrião web.
Caching de objectos: Caching de objectos, caching de sítios web, e caching de bases de dados podem ser todos feitos separadamente para o caching do seu servidor. De facto, se utilizar o WordPress, pode descarregar um plugin de cache como o WP Fastest Cache que lhe permitirá activar ou desactivar opções de cache específicas.
4. Optimizar as imagens
As imagens são um dos principais culpados por abrandar a velocidade do seu website. Se não optimizar as suas imagens, poderá descobrir que a maior parte do espaço ocupado no seu servidor web se deve a imagens.
A partir dos dados disponíveis, já sabemos que os sítios Web móveis levam mais tempo a carregar do que os de secretária. Portanto, é incrivelmente importante assegurar que as suas imagens sejam reduzidas em tamanho para oferecer uma melhor experiência móvel.
Felizmente, há muitas ferramentas disponíveis, gratuitamente, que podem reduzir o tamanho da sua imagem, sem perder a qualidade da imagem. O TinyJPG é gratuito; pode carregar até 20 imagens de cada vez, depois comprimi-las numa questão de minutos.
Em alternativa, se utilizar o WordPress, pode instalar um plugin para fazer o trabalho sujo por si. O Optimole melhora a velocidade de carregamento do seu sítio web, reduzindo automaticamente os tamanhos de imagem para si.
5. Reduzir plugins e Apps
Quer esteja a utilizar o WordPress, um construtor de websites como Wix, ou a construir o seu website a partir do zero, é importante não sobrecarregar o seu website com plugins e aplicações.
Quanto mais o seu sítio Web tiver de carregar, mais tempo demorará. Contudo, não se trata apenas de quantos plugins ou aplicações tem, mas também da sua compatibilidade uns com os outros, e aqueles que francamente não são muito bons.
Se tiver um plugin ou aplicação mal codificado, só o código pode causar problemas à velocidade do seu website. Embora possa ser tentador e excitante instalar muitas funcionalidades no seu website, pense se realmente precisa delas antes de instalar.
6. Arquivos de fontes
Os ficheiros da fonte não são provavelmente algo que muitas pessoas considerariam ou mesmo pensariam em relação à velocidade da sua página móvel. No entanto, a investigação mostra que o tamanho médio da letra no telemóvel tem aumentado de ano para ano.
Por exemplo, em Setembro de 2016, os bytes médios da fonte móvel totalizavam 67,4KB, enquanto que, em Abril de 2020, este valor subiu para 107,5KB. Embora estejamos a falar de kilobytes, tudo isto faz sentido.
Sei que pode ser tentador desenhar ou escolher um design de website que tenha muitas fontes extravagantes, porque parecem fixes, no entanto, isto não vai ajudar a velocidade da sua página móvel. Tente escolher menos tipos de letra e colar com uma selecção mais pequena.
Também se poderia fazer alguma investigação sobre as fontes que são carregadas mais rapidamente. Embora isso possa parecer um pouco estranho, KeyCDN realizou um estudo de caso em 2018 que analisou o desempenho da fonte do website. Descobriram que a fonte de carregamento mais rápido do Google era Open Sans, atingindo um tempo de carregamento de 0,476 segundos.
7. Usar a última versão do PHP
PHP é uma linguagem de scripting de código aberto amplamente utilizada. É frequentemente utilizado no desenvolvimento web e pode ser encontrado em ficheiros de servidor (mesmo que não tenha realmente codificado usando PHP).
WordPress funciona em PHP, contudo, dependendo da versão, um website WordPress pode funcionar melhor ou pior. A CloudWays estabeleceu um teste de referência para analisar que diferença a versão PHP poderia ter no desempenho de um website. Usando um servidor Linode com 2 núcleos, 4GB de RAM e um SSD de 48GB, eles executaram um teste para as versões 5.6, 7.0, 7.1, 7.2, e 7.3 do PHP.
Os resultados são claramente a favor da versão 7.3 do PHP que foi capaz de lidar com 10,31 pedidos por segundo, com a versão 7.2 a ocupar um segundo lugar. Quanto mais pedidos o seu website puder tratar, melhor será o seu desempenho no ambiente de trabalho e no telemóvel.
8. Minify HTML, CSS, e JavaScript
Se tiver utilizado qualquer tipo de velocidade ou ferramenta de desempenho de website, como GTmetrix, terá provavelmente visto o termo “minify resources” ou “minify JavaScript”. Isto está em relação ao código que o seu sítio web utiliza.
A minificação de códigos pode ajudar a reduzir códigos desnecessários para que os seus ficheiros tenham tamanhos e dimensões reduzidos. Quando um programador escreve código, especialmente para pessoas que utilizam um tema ou modelo, tendem a escrevê-lo para que seja mais fácil ao olho humano.
Por exemplo, utilizarão espaços, comentários, e outras medidas de formatação para tornar mais simples a leitura por outras pessoas. Contudo, estes espaços e comentários extras ocupam espaço no servidor do seu sítio e exigem a entrega de mais conteúdos aos visitantes do seu sítio, atrasando assim o seu sítio.
Pode facilmente minificar o código utilizando uma ferramenta como Minificador. Em alternativa, se estiver a usar o WordPress para o seu sítio web, pode usar o WP Fastest Cache como se vê na imagem acima.
9. Limpeza de ficheiros da base de dados
Os ficheiros de um website são construídos numa grande estrutura de pastas de ficheiros. Tal como o seu computador de secretária, existem múltiplas pastas com ficheiros nelas. Tenho a certeza que tem muitos ficheiros no seu computador que não utiliza, mas que está a guardar para um dia chuvoso (ou simplesmente não faz a menor ideia do que são).
Isto é muito semelhante ao modo de funcionamento de um sítio web, por isso, ao limpar os seus ficheiros de base de dados, pode criar espaço no servidor do seu sítio web. Um exemplo de ficheiros que não precisam de ser guardados seriam as revisões de posts antigos de blogs no WordPress (sim, o WordPress também usa uma estrutura de pastas de ficheiros).
Um plugin como WP-Optimize pode ser muito útil na limpeza da sua base de dados. Pode navegar pela sua base de dados e limpar os ficheiros e pastas você mesmo, mas isso seria muito aborrecido e demorado.
10. Usar um bom desenho
Está tudo bem e bom escolher um design, tema ou modelo que pareça extravagante, no entanto, já pensou como é que isso irá afectar a velocidade da página móvel do seu website?
Existem certas características e funcionalidades concebidas especificamente para utilizadores de secretária, que são francamente intrusivas para utilizadores móveis, e que podem ter um impacto desastroso na velocidade.
De facto, já em 2017, O Google impôs uma penalização pela utilização de pop-ups móveis. Embora este seja um dos muitos sinais que o Google utiliza para SEO, ainda pode ter um grande impacto se outros sinais no seu website estiverem a falhar.
Sugiro, portanto, que considere as seguintes recomendações:
- Utilizar um tema leve e reactivo ou um modelo que não inclua plugins ou widgets pré-instalados desnecessários
- Reconsiderar pop-ups, aplicações de chat ao vivo, ou vídeos e carrosséis de reprodução automática
- Pergunte a si mesmo se precisa de um fundo de vídeo – acrescenta alguma coisa ao seu website ou negócio?
- Considere o aspecto do seu website para utilizadores móveis, e decida se certas características ou conteúdos são necessários
11. Utilizar formatos mais rápidos
As páginas web vêm em diferentes formatos, assim como as imagens, conteúdos, etc. No entanto, existem dois formatos distintos que foram concebidos para websites móveis, com a intenção de acelerar o desempenho móvel.
AMP: Páginas Móveis Aceleradas (AMP) utiliza carregamento preguiçoso e conteúdo em cache utilizando o Google Cloud. Muitos proprietários de blogs usam o AMP para acelerar o seu website.
AWP: A aplicação progressiva da Web (PWA) combina a funcionalidade da Web móvel com aplicações móveis. A ideia é que o utilizador obtenha um design mais rápido e móvel, oferecendo ao mesmo tempo uma grande capacidade de pesquisa. O AWP transforma essencialmente o seu sítio web numa aplicação, mas terá de converter todo o seu sítio web, por oposição a páginas individuais.
12. Melhorar a velocidade da página móvel: Conclusão:
Já sabemos que a navegação móvel e a utilização da Internet móvel está a aumentar, e só posso ver esta tendência continuar. Cada vez mais pessoas estão a converter-se em smartphones e comprimidos para uso regular, por isso é natural (e sensato) garantir que desfrutem de uma grande experiência móvel.
Desenhar o seu sítio web em torno do móvel, em oposição ao desktop, seria a minha recomendação. Usando os passos acima, poderá melhorar a velocidade da sua página móvel sem muito tempo ou esforço.
É importante revisitar o seu website, o seu desempenho, e o seu design, para garantir que se mantém a par das últimas tendências em 2022 e mais além.
