Todos sabemos que um site lento mais atrapalha do que ajuda o nosso negocio na internet. Por isso, desenvolver um site de maneira limpa, e principalmente, mantê-lo o mais otimizado possível durante toda a sua jornada é essencial.
Eu sei que quanto mais um site cresce na internet, mais conteúdo ele acumula, e isso naturalmente o deixa mais pesado. Porém, existem formas de manter seu site leve e otimizado mesmo durante um processo contínuo de expansão.
Por isso, listei 5 obrigações que todo desenvolvedor e gerente de sites deve seguir para manter o seu site WordPress sempre leve e muito bem otimizado!
1. Otimize as Imagens
As imagens são um pilar importantíssimo para um site profissional. E, quando você tem um site, precisa equilibrar qualidade e otimização. Afinal, não adianta nada ter uma imagem muito bem otimizada se ela está borrada e mal dá para entender o que existe nela.
Muitas pessoas falam e incentivam o uso de plugins de compressão e conversão automática de imagens, mas eu sou totalmente contra essa prática.
Plugins como esses só devem ser usados em último caso, apenas quando você é um prestador de serviços e desenvolve sites para outras pessoas e empresas. Ainda assim, nesses casos, é muito melhor explicar ao seu cliente que ele deve enviar as imagens para o site já otimizadas. Somente se o cliente for teimoso e não seguir essa recomendação, aí sim você utiliza um desses plugins de otimização automática de imagens.
Existem várias formas de otimizar uma imagem, uma delas é escolher o formato de imagem correto, já adianto, existem vários formatos, e alguns deles você jamais deve usar em seus sites. Vamos começar falando sobre os formatos que você não deve usar.
Formatos de Imagens que você NÃO deve usar
Os formatos PNG, JPEG e GIF nunca devem ser usados nos seus projetos, e isso acontece por dois motivos.
O primeiro motivo é o tamanho do arquivo. Arquivos PNG e GIF normalmente são muito mais pesados do que o recomendado para um site. O JPEG, apesar de ser relativamente mais leve, ainda não é o formato ideal para a web e, em comparação com outros formatos que veremos a seguir, continua sendo pesado.
O segundo motivo é que o próprio Google não recomenda o uso desses formatos. Segundo o Google, eles são formatos antigos e já existem opções melhores e mais modernas. Você pode ler a documentação oficial do Google sobre isso por aqui.
Formatos que você DEVE usar nos seus Projetos
Os formatos WebP, AVIF e SVG são os mais recomendados para usar na internet, porque são formatos leves e que, mesmo sendo leves, mantêm uma boa qualidade de imagem. Além disso, segundo o Google, esses são formatos de imagem de última geração.
Sempre utilize esses três formatos em seus projetos. Use WebP e AVIF para imagens, banners, fotos e similares. Utilize o formato SVG para vetores, ícones, logos, favicon e outros elementos menores.
Um bom parâmetro para suas imagens, que você pode usar como referência ao otimizar seu site, é tentar deixá-las com no máximo 100 KB ou o mais próximo possível disso. Se conseguir deixar menor, melhor ainda.
Vetores e ícones no formato SVG geralmente ficam com tamanhos muito menores (cerca de 5 KB a 10 KB), dependendo de como foram construídos.
Conclusão
Para finalizar o assunto de imagens, sempre envie as imagens no tamanho (resolução) correto. Se, no seu site, a imagem vai aparecer para o usuário final no tamanho de 1080px por 720px, não há necessidade de fazer upload de uma imagem maior do que isso (exemplo: 1920px por 1080px).
Outra dica importante: não ocupe espaço desnecessário no servidor. Se a imagem não está sendo utilizada, exclua-a da sua biblioteca.
2. Utilize o Mínimo de Plugins
Encher seu site WordPress com plugins, principalmente plugins que quase não são utilizados, é uma péssima prática e um péssimo hábito comum entre muitas pessoas.
Pense nos plugins como aquilo que eles realmente são: um conjunto pronto de códigos que você instala no seu site. Quanto mais código seu site possui, mais pesado ele fica. E mesmo que você não esteja usando o plugin em lugar nenhum do seu site, ou mesmo que ele esteja desativado, o código dele continua lá e é carregado toda vez que alguém acessa o site.
Faça sempre o possível para não instalar plugins que seu site não precisa. Caso seja uma funcionalidade simples de personalização no frontend ou algo mais básico, dê preferência por fazer essa alteração diretamente no código.
Não baixe plugins que tenham dezenas de funções se você vai usar apenas uma ou duas. Prefira plugins que façam somente o que você precisa e nada mais.
Se um plugin possui diversas funcionalidades e você utiliza apenas algumas, todas as outras funções vão servir apenas para ocupar espaço no servidor. Lembre-se de que plugins são conjuntos de código pronto, e cada funcionalidade dentro de um plugin possui dezenas, às vezes centenas de linhas de código. Esse código extra faz uma grande diferença no carregamento final do site.
3. Evite Requisições Externas
Requisição externa é tudo aquilo que depende de outro site, servidor ou serviço para funcionar, como bibliotecas JavaScript, bibliotecas de ícones, códigos, fontes e similares.
Claro que existem requisições que são fundamentais para o funcionamento do site. O que eu quero dizer é: tudo aquilo que você puder fazer de forma interna, ou seja, dentro do seu próprio site ou servidor, dê preferência a isso.
Em vez de instalar uma biblioteca externa de ícones no seu site, envie os ícones diretamente para a sua instalação. Em vez de usar fontes do Google Fonts (ou qualquer outra biblioteca externa), faça o upload das fontes dentro da sua instalação.
Faça todo o possível para que seu site não dependa de estruturas externas à sua instalação WordPress.
4. Sempre utilize os serviços da CloudFlare
Já falamos da Cloudflare e dos seus serviços quando abordamos segurança para sites.
Mas, além de ajudar na segurança, a Cloudflare também permite que a entrega do seu site aos usuários seja muito mais limpa, rápida e fluida, graças ao seu sistema de cache em nuvem, CDN e outras funcionalidades.
A Cloudflare possui vários recursos de otimização que aumentam a velocidade de carregamento do seu site. Por isso, você deve sempre utilizá-la em todos os seus projetos. E, como foi mencionado no artigo em que falamos sobre segurança de sites WordPress, a Cloudflare é um serviço gratuito, então não existe desculpa para não usá-la.
5. Utilize Plugins! – Eis á hipocrisia
Por mais que devamos evitar ao máximo o uso de plugins, há males que vêm para o bem, e existem plugins muito poderosos que podem ajudar a otimizar toda a sua estrutura e manter seu site leve.
E não estou falando de plugins de compressão automática. Vai muito além disso! Dois ótimos plugins que você pode utilizar para deixar o código interno das suas páginas e o seu site como um todo mais limpo e leve são o WP Rocket e o FlyingPress. Existem outros, mas em todos os nossos projetos utilizamos apenas esses dois.
Ambos são plugins pagos (veja o fim do artigo), mas valem cada centavo. Eles possuem funcionalidades muito parecidas, porém, em nossos testes, o FlyingPress tem se mostrado melhor que o WP Rocket. Claro que, com o tempo, isso pode mudar.
Ambos possuem funcionalidades como: cache na instalação, minificação de CSS e JS, remoção de CSS não utilizado, atraso de JS, carregamento lento de imagens, vídeos e iframes, pré-carregamento de fontes, pré-carregamento de links ao passar o mouse, cache e otimizações separadas para dispositivos móveis, atualização automática do cache, limpeza automática e muito mais.
Sempre após concluir o desenvolvimento de um site, utilize um desses plugins (não os dois ao mesmo tempo, apenas um) para garantir que seu site esteja com uma boa otimização interna!
6. Utilize o Pré-carregamento
Agora uma dica rápida: utilize o pré-carregamento nos itens mais importantes do seu site, como fontes, logo, favicon, imagens que aparecem na primeira dobra do site e similares. Só não exagere no pré-carregamento para evitar o chamado “efeito antibiótico”.
O que é o efeito antibiótico? Simples: quanto mais você toma, menos efeito ele faz. Trazendo isso para o desenvolvimento, quanto mais coisas você pré-carrega no seu site, menor será o impacto real desse pré-carregamento. Por isso, escolha muito bem quais itens realmente precisam ser pré-carregados.
7. Dica extra!
Você não precisa pagar caro para dezenas de empresas diferentes só para usar plugins de qualidade.
Assinando o UltraPack, você tem acesso a uma biblioteca com milhares de plugins, incluindo suas versões Pro, tudo isso investindo apenas uma vez por ano!
Ao investir nessa biblioteca de plugins, você terá acesso ao Elementor Pro, WP Rocket, FlyingPress, toda a coletânea de plugins da Crocoblock, dezenas de plugins Pro para WooCommerce, CartFlows Pro, toda a coletânea de plugins da Bit Integrations, Yoast SEO Pro e muito, MUITO mais!
E o melhor, esses plugins são sempre atualizados e ficam disponível para você baixar quando quiser!
Caso tenha interesse em conhecer toda a biblioteca, acesse o site oficial pelo link abaixo:
ULTRAPACK OFICIAL