Procurando maneiras de otimizar a velocidade do site WordPress, mas mesmo depois de vários plugins de cache você ainda recebe a notificação de “ativos estáticos com uma política de cache eficiente” no Google PageSpeed Insights?
Na verdade é bastante simples de consertar, mesmo sem nenhum plugin de caching. Aqui você encontrará instruções detalhadas de como lidar com uma política de cache ineficiente em apenas alguns minutos.
Como servir ativos estáticos com uma política de cache eficiente em WordPress ou WooCommerce
A fim de servir ativos estáticos com uma política de cache eficiente, você precisa adicionar código específico ao seu arquivo .htaccess do WordPress. Você encontrará o código completo abaixo – ele está pronto para uso em qualquer website. Mas primeiro precisamos descobrir como vamos acessar o arquivo .htaccess.
Onde localizar e como abrir o arquivo .htaccess no WordPress
Há poucas maneiras de se chegar ao arquivo .htaccess. O arquivo em si está localizado em seu servidor de hospedagem – no diretório principal do WordPress – public ou public_html Ele pode ser acessado através da ferramenta File manager em seu painel de administração de hospedagem (Cpanel, Directadmin, Webmin, etc.).
Se você não pode editar .htaccess via painel de administração do servidor, você pode fazer o login em seu servidor via cliente FTP (por exemplo Filezilla), e editar o arquivo lá.
Se você estiver usando o plugin Yoast SEO, ele tem uma maneira de editar o arquivo .htaccess diretamente no painel de administração do WordPress. Vá para Yoast SEO >> Ferramentas no painel de administração do WordPress, e abra o editor de arquivos.
Uma vez lá, você pode editar o conteúdo do arquivo .htaccess sem nenhuma ferramenta adicional.
Como adicionar código para servir ativos estáticos com uma política de cache eficiente
Quando você abrir o arquivo .htaccess, role até o final dele – até ver a linha # END WordPress.
Adicione o código de ativos estáticos antes dele:
<FilesMatch ".(webm|ogg|mp4|ico|pdf|flv|avif|jpg|jpeg|png|gif|webp|js|css|swf|x-html|css|xml|js|woff|woff2|otf|ttf|svg|eot)(.gz)?$">
<IfModule mod_expires.c>
AddType application/font-woff2 .woff2
AddType application/x-font-opentype .otf
ExpiresActive On
ExpiresDefault A0
ExpiresByType video/webm A10368000
ExpiresByType video/ogg A10368000
ExpiresByType video/mp4 A10368000
ExpiresByType image/avif A10368000
ExpiresByType image/webp A10368000
ExpiresByType image/gif A10368000
ExpiresByType image/png A10368000
ExpiresByType image/jpg A10368000
ExpiresByType image/jpeg A10368000
ExpiresByType image/ico A10368000
ExpiresByType image/svg+xml A10368000
ExpiresByType text/css A10368000
ExpiresByType text/javascript A10368000
ExpiresByType application/javascript A10368000
ExpiresByType application/x-javascript A10368000
ExpiresByType application/font-woff2 A10368000
ExpiresByType application/x-font-opentype A10368000
ExpiresByType application/x-font-truetype A10368000
</IfModule>
<IfModule mod_headers.c>
Header set Expires "max-age=A10368000, public"
Header unset ETag
Header set Connection keep-alive
FileETag None
</IfModule>
</FilesMatch>
O resultado final deve ser parecido com isso:
Não esqueça de salvar as alterações após atualizar o arquivo .htaccess (e fazer o upload do arquivo modificado de volta ao servidor se você o atualizar usando o cliente FTP).
Nenhuma etapa adicional deve ser necessária – da próxima vez você verificará a velocidade de seu site WordPress em PageSpeed Insights que o problema dos ativos estáticos deve desaparecer, e a velocidade das páginas de seu site deve ser melhorada, pelo menos em poucos por cento.
Procurando outras maneiras de acelerar o site do WordPress? Então você deve verificar este post sobre os melhores plugins de otimização de velocidade para WordPress.
