Objetivo: Ensinar técnicas e ferramentas para reduzir o tamanho dos arquivos de imagem e melhorar a performance do site.
Técnicas e Ferramentas
-
Redimensionamento Adequado:
-
Antes do Upload: Não envie fotos de 5000px de largura se o seu site as exibirá em apenas 800px. Redimensione as imagens para o tamanho máximo necessário antes de fazer o upload.
-
-
Compressão Sem Perda (Lossless Compression):
-
Use plugins de otimização de imagem que comprimem automaticamente suas fotos após o upload:
-
Plugins Recomendados: Smush, Imagify, EWWW Image Optimizer.
-
-
Como Funciona: Após instalar e ativar, o plugin geralmente otimiza as novas imagens automaticamente. Para as imagens antigas, procure pela opção "Otimização em Massa" (Bulk Optimization) no painel do plugin.
-
-
Formato de Nova Geração (WebP):
-
O formato WebP oferece compressão superior (menor tamanho de arquivo) sem perda de qualidade.
-
Muitos plugins de otimização (ex: LiteSpeed Cache, Imagify) oferecem a opção de converter e servir imagens automaticamente no formato WebP para navegadores compatíveis.
-
-
Lazy Load (Carregamento Preguiçoso):
-
Ative o Lazy Load (geralmente uma opção nos plugins de cache). Isso garante que as imagens só serão carregadas quando o usuário rolar a página para vê-las, acelerando o tempo de carregamento inicial.
-
