Vous cherchez des moyens d’optimiser la vitesse de votre site Web WordPress, mais même après avoir installé plusieurs plugins de mise en cache, vous recevez toujours la notification « static assets with an efficient cache policy » dans Google PageSpeed Insights?
Il s’agit en fait d’un problème assez simple à résoudre, même sans aucun plugin de mise en cache. Vous trouverez ici des instructions détaillées sur la manière de gérer une politique de cache inefficace en quelques minutes seulement.
Comment servir des ressources statiques avec une politique de cache efficace dans WordPress ou WooCommerce ?
Afin de servir des ressources statiques avec une politique de cache efficace, vous devez ajouter un code spécifique à votre fichier WordPress .htaccess. Vous trouverez le code complet ci-dessous – il est prêt à être utilisé sur n’importe quel site web. Mais d’abord, nous devons trouver comment accéder à ce fichier.
Où trouver et comment ouvrir le fichier .htaccess dans WordPress ?
Il y a plusieurs façons d’accéder au fichier .htaccess. Le fichier lui-même est situé sur votre serveur d’hébergement – dans le répertoire principal de WordPress – public ou public_html. Il est accessible via l’outil de gestion des fichiers dans le panneau d’administration de votre hébergement (Cpanel, Directadmin, Webmin, etc.).
Si vous ne pouvez pas modifier le fichier .htaccess via le panneau d’administration du serveur, vous pouvez vous connecter à votre serveur via un client FTP (par exemple Filezilla), et modifier le fichier à cet endroit.
Si vous utilisez le plugin Yoast SEO, il permet de modifier le fichier .htaccess directement dans le panneau d’administration de WordPress. Allez dans Yoast SEO >> Outils dans le panneau d’administration de WordPress, et ouvrez l’éditeur de fichiers.
Une fois que vous êtes là, vous pouvez modifier le contenu du fichier .htaccess sans aucun outil supplémentaire.
Comment ajouter du code pour servir les ressources statiques avec une politique de cache efficace ?
Lorsque vous ouvrez le fichier .htaccess, allez jusqu’à la fin du fichier – jusqu’à ce que vous voyiez la ligne # END WordPress.
Ajoutez le code des actifs statiques avant celle-ci :
<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>Le résultat final devrait ressembler à ça :
N’oubliez pas d’enregistrer les modifications après avoir mis à jour le fichier .htaccess (et de retélécharger le fichier modifié sur le serveur si vous le mettez à jour en utilisant un client FTP).
Aucune autre étape ne devrait être nécessaire – la prochaine fois que vous vérifierez la vitesse de votre site Web WordPress dans PageSpeed Insights, le problème des actifs statiques devrait avoir disparu, et la vitesse des pages de votre site Web devrait être améliorée, au moins de quelques pour cent.
Vous cherchez d’autres moyens d’accélérer votre site Web WordPress ? Alors vous devriez consulter cet article sur les meilleurs plugins d’optimisation de la vitesse de WordPress.
