Home » WordPress » Fixer Servir les actifs statiques avec une politique de cache efficace dans WordPress

Fixer Servir les actifs statiques avec une politique de cache efficace dans WordPress

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 ?

Best WordPress hosting 2024

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.

how to edit .htaccess file in WordPress via File manager

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.

wordpress edit htaccess file in WordPress admin panel

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 :

serve static assets with an efficient cache policy in wordpress

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.

Tags:

Fathom analytics - privacy focused cookie-free website analytics

Most popular tutorials


Get our latest WordPress news and special offers from RockSolidWP!

Only useful WordPress and WooCommerce tips and tricks and exclusive offers for our readers once a month. No marketing nonsense.

Looking for reliable yet affordable WordPress hosting?
Hostinger is the way to go!

Get 10% OFF by using code IMAKEITWORK