Talvez você não saiba, mas a maioria dos usuários desistem de acessar uma página online caso ela leve mais de 5 segundos para ser carregada. A boa notícia é que, com alguns ajustes simples, tem como ter um site mais rápido!
De fato, prezar pela velocidade é fundamental ao montar uma plataforma virtual. Um site “lerdo” costuma afastar usuários e potenciais clientes. Ou seja, se o seu negócio tiver uma página vagarosa, pode perder oportunidades.
É claro que um site otimizado desde a sua estruturação é o cenário ideal. Porém, caso você já tenha uma página online, pode obter resultados melhores ao se atentar a alguns detalhes.
E como conhecimento bom é conhecimento compartilhado, confira 5 passos para ter um site mais rápido!
1- Comprima todas as imagens
Nós sabemos que, em alguns sites, as imagens são essenciais para demonstrar as propriedades ou diferenciais de um produto. São as fotos e as ilustrações que colaboram para o entendimento do usuário. Porém, elas não precisam ser exageradamente altas.
É muito comum ver alguns sites usando imagens com qualidade HD, com mais de 3000 pixels de largura.
O problema é que, em muitos dos sites, essa imagem HD aparece em espaços de apenas 450 pixels, por exemplo.
Na prática, isso faz com que toda a qualidade da imagem seja desnecessária. E, com um “peso” muito alto, a foto prejudica o carregamento da página, tornando-a bem mais lenta do que o ideal.
Mas como corrigir isso e subir as imagens para o seu site da melhor forma possível?
Existe um ajuste bem simples de aplicar, que é feito antes de realizar o upload das imagens no banco de dados da plataforma.
Inclusive, nós recomendamos que você tenha o hábito de seguir esse processo todas as vezes que for subir uma imagem no WordPress (ou em qualquer construtor de páginas).
Processo para comprimir as imagens gratuitamente
1- Acesse o site Squoosh.
2- Arraste sua imagem para qualquer lugar do site.
3- No menu do canto inferior direito, ative a opção Resize e, em Width, informe a largura real que a imagem ocupará no seu site, o campo Height (altura) tem ajuste automático proporcional. Caso você não saiba essas configurações, procure usar tamanhos padrão, como cerca de 500 pixels de largura.
4- Na seção Compress, clique na caixa de seleção e escolha a opção “Webp”. Nesse momento, mantenha as configurações sugeridas pelo app.
5- Você poderá ver qual o peso que a imagem terá um pouco abaixo, não existe um valor ideal, vai depender muito do nível de qualidade que você precisar. Por aqui, costumamos manter uma média de 50kb por imagem.
6- Clique no ícone de download e faça o upload da imagem no WordPress.
2- Evite o uso de plugins em excesso
Quando você começa a usar o WordPress, é muito comum ficar encantado com a quantidade de plugins disponíveis. E com o excesso de informações pela internet, as pessoas instalam esses plugins “como se não houvesse amanhã“.
Um dia você vê um plugin legal e o instala. Depois de uns dias, você encontra outro muito bom que faz a mesma coisa que o primeiro e o instala também, mas o primeiro continua lá.
E qual é o problema nisso?
Cada plugin é criado com trechos de código CSS, Javascript e PHP e, esses códigos são adicionados ao seu site.
Com essas adições de código, seu site fica cada vez mais pesado e lento de carregar. Isso faz com que a taxa de abandono dos usuários aumente.
Legal, então qual seria o cenário ideal?
O cenário ideal é sempre usar a menor quantidade possível de plugins.
É ótimo testar novos plugins e ver como eles se comportam no seu site. Mas, caso você perceba que um novo plugin se saiu melhor para você do que o antigo, exclua o plugin anterior para não ter excesso de códigos na sua aplicação.
Para servir como base, nos projetos que fazemos aqui na Pixel Perfect, utilizados apenas os seguintes plugins:
- Elementor
- Elementor Pro
- WP Rocket ou LiteSpeed Cache
- Yoast SEO – caso tenha blog ou e-commerce no site
- Woocommerce – apenas para e-commerces
Apenas com esses plugins, você já consegue criar um site completo, com ótimos recursos. Tudo isso, sem precisar de plugin específico para formulário ou popups!
3- Utilize uma hospedagem dedicada
Hospedagem é um serviço online que faz com que o seu site fique acessível na internet. Ou seja, é onde está o arquivo da sua página, para que os usuários possam visitá-la.
Quando você compra um plano de hospedagem recebe um “espaço” em um servidor físico. Esse espaço é utilizado para armazenar tudo o que há de dados e arquivos na sua página.
Então, quando um usuário digita o seu endereço na barra do navegador, faz uma requisição para o serviço de hospedagem, que exibe todos esses dados na forma do seu site.
Dependendo do tamanho do projeto do seu site, você pode achar atrativos as chamadas hospedagens compartilhadas, que correspondem aos planos iniciais da Hostgator, Hostinger, entre outras.
Porém, essa não é uma boa opção caso você espere um pico de tráfego em algum momento.
Por exemplo, se você vai fazer o lançamento de infoproduto, tem alto risco de que uma página hospedada de modo compartilhado caia quando muitas pessoas acessarem simultaneamente. E aí, você perde o momento em que aconteceria a maior quantidade de vendas.
Outro ponto é que, essas hospedagens possuem um tempo de resposta mais lento, especialmente se compararmos com hospedagens dedicadas.
As hospedagens dedicadas
Nas hospedagens dedicadas, é como se você tivesse um computador na nuvem só para o seu site. Então, o tempo de resposta é muito mais rápido e a chance de queda é bem menor.
Hospedagens dedicadas normalmente têm um custo mensal um pouco elevado, se comparadas às compartilhadas. Mas, a diferença é cerca de R$15 por mês, o que é irrisório se você olhar para os benefícios.
Inclusive, existem hospedagens dedicadas que te oferecem como “brinde” licenças de alguns plugins pagos, como a TurboCloud.
Dessa forma, contratando o plano básico deles, que hoje custa R$35/mês por domínio, você conta com uma hospedagem dedicada muito rápida, e ainda tem direito a plugins premium – como o Elementor. Só para ter uma base, o Elementor Pro custa US$49,00 anualmente, ou seja, uma boa economia!
Outra hospedagem dedicada excelente é a Digital Ocean, onde você encontra planos a partir de US$5,00 mensalmente.
Apesar de ser um pouco mais barato que a TurboCloud, é menos intuitiva para instalar o WordPress. Assim, vai exigir que você faça algumas pesquisas a mais para tê-lo pronto para montar as páginas.
Existem várias outras opções por aí, mas, resumidamente, a indicação é que você sempre opte por hospedagens dedicadas!
E uma dica importante: a maioria dos construtores de página, como Wix e KlickPages possuem um desempenho ruim no quesito velocidade, justamente por conta da hospedagem embutida nos planos.
Dessa forma, se você tem um site criado por lá, planeje uma migração assim que possível. Seu custo por lead, venda ou qualquer outro objetivo, vai melhorar!
4- Utilize um bom plugin de cache
Antes de falar sobre o plugin de cache, é preciso entender o que é o cache!
Basicamente, quando um site é desenvolvido em ferramentas como o WordPress, que usam backend e frontend, o resultado não é um código puro em HTML.
Dessa forma, é preciso que o sistema de backend “renderize” o site sempre que for acessado. Para isso, por meio de funções lógicas, ele busca informações no banco de dados e envia para a tela do usuário.
Nesse processamento de dados, é preciso alguns segundos. E é justamente nesse ponto que muitos usuários desistem do acesso e abandonam os sites.
O cache vem para solucionar essa questão. É como se ele deixasse uma versão do seu site pronta. Assim, quando um novo acesso acontece, o servidor entrega essa versão “empacotada” na tela do usuário, o que faz com que o carregamento da página seja mais rápido.
O plugin cache
Toda essa tarefa do cache pode ser feita com um plugin, que é essencial para que seus potenciais clientes possam ter uma boa experiência ao entrar no seu site.
A função desse tipo de plugin não é apenas criar um cache do seu site, mas também excluir todo o código desnecessário das páginas. Além disso, o plugin consegue comprimir todo o HTML, CSS e Javascript utilizado, fazendo com que o carregamento seja mais rápido.
Certamente, essas funcionalidades devem ser ativadas com certa precaução, já que ao comprimir esses códigos, existe a possibilidade de gerar algum problema no design do seu site.
Então, nesses casos, você deverá desativar uma função por vez para encontrar qual está impactando no design.
Atualmente, o plugin que mais utilizado para essas funções é o LiteSpeed Cache, que comentamos anteriormente.
O LiteSpeed Cache é gratuito e entrega funções excelentes para os sites, fazendo com que você consiga utilizar tudo o que o sistema de cache tem a oferecer e rastrear seus leads corretamente com as UTMs – algo que não acontece com a maioria dos plugins desse meio.
Se você utiliza outro plugin para cache e compressão de arquivos, dê uma chance ao LiteSpeed e faça um teste. Você provavelmente irá se surpreender com o quanto ele deixa o site mais rápido!
Inclusive, a mesma empresa que criou esse plugin, também possui uma versão otimizada do WordPress, onde eles tiraram várias funções desnecessárias, deixando apenas o essencial para ter um desempenho superior.
5- Não exagere na quantidade de fontes
Pode não parecer, mas para conseguir um site mais rápido, você precisa se atentar até mesmo ao uso das fontes, os designs de letras dos textos.
A gente sabe que, com tantas fontes disponíveis, parece irresistível não aplicar vários modelos diferentes em um site.
De fato, não é raro encontrar páginas que usam várias fontes de texto para fazer com que o design fique mais atrativo ou tenha mais ênfase em alguma parte específica.
Mas atenção: isso pode ser um tiro no pé.
Cada família de fonte, como Arial, Montserrat ou Times New Roman, pode possuir até 27 versões de fonte, como bold, itálico, light, black e afins.
A cada versão de uma família de fontes, seu site precisará fazer uma requisição ao servidor e, a cada requisição, são alguns milissegundos para que seu servidor responda.
Se você utilizar muitas versões de fontes, poderá facilmente adicionar 1 segundo ao tempo de carregamento da sua página. Parece pouco, mas se você quer um site mais rápido, esse segundo faz diferença.
Então, se planeje para usar uma ou no máximo duas famílias de fonte e estipule um padrão de negrito para usar apenas ele na página toda. O site da Pixel Perfect é um bom exemplo: trabalhamos com somente uma família de fonte, em três versões.
O cenário ideal é que você tenha no máximo 4 versões de fonte na sua página!
Um site mais rápido e otimizado
A verdade é que um site é composto de vários elementos e, muitas vezes, o que parece um pequeno detalhe pode tornar a sua página lenta e pesada.
Por isso, quem quer ter um site rápido e otimizado, precisa considerar os aspectos que você acabou de conferir. Acredite, com ajustes pontuais, um site demorado pode ter um acesso rápido e facilitado.
Agora, se você não quer se preocupar em fazer esses ajustes, ou quer construir uma página otimizada “do zero”, pode contar conosco. Somos especialistas em desenvolver sites com tempo de resposta curto e design atrativo. Vem conversar com a gente!
Assim, com um site verdadeiramente otimizado, você consegue manter seus visitantes interessados, aumentando as chances de conquistar leads e fechar bons negócios!
▪
Aproveite para acompanhar nossas redes sociais:
Instagram: /pixelperfectpp
Linkedin: Pixel Perfect
