Como otimizar imagens no WordPress (guia completo)
Uma única foto de telemóvel não otimizada pode pesar 5-10 MB: mais que o resto da página inteira. Otimizar imagens é a forma mais rápida e eficaz de melhorar a velocidade do site, o SEO e a experiência do utilizador.
Formatos de imagem
Escolha formato e compressão por imagem, comparando qualidade e tamanho. WebP ou outros formatos podem ajudar conforme o conteúdo e suporte, mas não existe uma redução fixa para todos os ficheiros. Preserve originais e teste o resultado no site.
PNG: ideal para gráficos, logos e imagens com transparência. Compressão sem perdas: ficheiros maiores que JPEG. Use apenas quando precisa de transparência ou para gráficos com texto e linhas definidas.
SVG: para ícones, logos e gráficos vectoriais. Escala para qualquer tamanho sem perda de qualidade. Ficheiros muito pequenos.
Redimensionar antes de carregar
Não carregue uma foto de 4000×3000 pixels se vai ser apresentada a 800×600. O WordPress cria automaticamente vários tamanhos (thumbnail, medium, large), mas o ficheiro original fica no servidor e ocupa espaço. Redimensione para o tamanho máximo em que vai ser apresentada: geralmente 1600-2000 pixels de largura é suficiente para ecrãs retina.
Compressão automática
ShortPixel: comprime automaticamente ao carregar, converte para WebP, compressão em massa de imagens existentes. 100 imagens/mês grátis. A nossa recomendação.
Imagify: interface simples, três níveis de compressão (Normal, Aggressive, Ultra). 20 MB/mês grátis.
Smush: compressão ilimitada na versão gratuita, mas limitada a 5 MB por imagem e sem WebP gratuito.
Lazy loading
O lazy loading carrega imagens apenas quando o utilizador faz scroll até elas. Reduz drasticamente o tempo de carregamento inicial. O WordPress 5.5+ inclui lazy loading nativo via atributo loading="lazy" em imagens. Para vídeos embeddeds e iframes, use um plugin como Lazy Load by WP Rocket.
Alt text e SEO
Cada imagem deve ter alt text descritivo: é lido por motores de pesquisa e leitores de ecrã. Descreva o conteúdo da imagem naturalmente e inclua a keyword quando relevante. Nomes de ficheiro descritivos (alojamento-web-portugal.webp) também ajudam.
Tratar cada imagem conforme a sua função
A imagem principal precisa de carregar sem atrasos desnecessários. Imagens mais abaixo podem beneficiar de carregamento diferido. Reserve dimensões para evitar saltos na página e use variantes adequadas ao espaço em que aparecem.
Compare qualidade visual e tamanho do ficheiro depois da compressão. Não substitua os originais sem uma cópia, sobretudo em fotografia e catálogos. O texto alternativo deve transmitir a função ou o conteúdo relevante da imagem; imagens decorativas podem precisar de alternativa vazia.
Escolha a solução pensando em quem vai manter o site
A funcionalidade pode parecer simples no dia da instalação e tornar-se difícil de manter quando muda a equipa. Antes de escolher um tema, plugin ou método de edição, confirme se os conteúdos podem ser atualizados sem intervenção no código, como são tratados os estilos e se existem dependências de licenças ou ferramentas externas.
Teste a edição de uma página real, a visualização no telemóvel e a recuperação após uma atualização. Se o projeto exige integrações, tipos de conteúdo personalizados ou regras de acesso, documente essas necessidades antes de instalar várias extensões. Num projeto empresarial, a melhor opção não é necessariamente a que tem mais funcionalidades; é a que responde aos requisitos e pode ser mantida de forma previsível.
Quando o alojamento WordPress faz a diferença
Os planos WordPress da Lusitec combinam armazenamento NVMe, ferramentas de otimização e suporte técnico especializado. A escolha deve ter em conta plugins, base de dados, tráfego e dependências da aplicação. O alojamento adequado cria boas condições de funcionamento, mas a manutenção e a qualidade do próprio site continuam a ser essenciais.
Um plano de reversão evita transformar uma melhoria num incidente
Antes de atualizar o WordPress ou acrescentar funcionalidades, confirme uma cópia recuperável e registe o que vai mudar. Teste depois o menu, os formulários, o acesso administrativo e a utilização no telemóvel. Numa loja, inclua carrinho, pagamentos e notificações. Alterar vários plugins ao mesmo tempo dificulta perceber qual deles provocou uma incompatibilidade.
Se o projeto utiliza código personalizado, mantenha documentação das dependências. Um procedimento simples de validação após alterações pode evitar problemas que só seriam descobertos por clientes dias depois.
A influência do alojamento no WordPress
O WordPress executa PHP, consulta uma base de dados e descarrega imagens, estilos e scripts. A infraestrutura influencia a resposta e os recursos disponíveis, mas não elimina problemas num tema ou plugin. Antes de recomendar mais memória, confirme onde surge o atraso.
A Lusitec disponibiliza alojamento WordPress com armazenamento NVMe, ferramentas de otimização e suporte prioritário. Para escolher, descreva os plugins essenciais, o número de visitas e as integrações. O suporte técnico é especialmente útil para distinguir limitações de recursos de erros da aplicação.
Preparar imagens para quem visita no telemóvel
Reduza peso e dimensões sem perder a informação que ajuda o cliente a decidir.
Podemos avaliar o alojamento do projeto. Veja os nossos planos de alojamento WordPress antes de decidir. Fale connosco se precisa de ajuda a escolher.
Se já é nosso cliente, envie o contexto através de um pedido de suporte na nossa área de cliente.