O cache de navegador instrui o browser do visitante a guardar localmente arquivos estáticos (CSS, JS, imagens) por um período determinado. Nas próximas visitas, esses arquivos são carregados direto do computador do usuário — sem precisar baixar novamente do servidor.
Configurar pelo .htaccess
<IfModule mod_expires.c> ExpiresActive On ExpiresDefault "access plus 1 month" # Imagens ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/webp "access plus 1 year" ExpiresByType image/svg+xml "access plus 1 year" ExpiresByType image/x-icon "access plus 1 year" # CSS e JavaScript ExpiresByType text/css "access plus 1 month" ExpiresByType application/javascript "access plus 1 month" # Fontes ExpiresByType font/ttf "access plus 1 year" ExpiresByType font/woff "access plus 1 year" ExpiresByType font/woff2 "access plus 1 year" </IfModule>
???? Dica: Ao atualizar um arquivo CSS ou JS, renomeie-o ou acrescente um parâmetro de versão (ex:
style.css?v=2) para forçar o navegador a baixar a versão atualizada.✅ No WordPress: Plugins de cache como LiteSpeed Cache e W3 Total Cache já configuram os headers de expiração automaticamente.
