Transfonumérique – Transformation Digitale et Numérique

Améliorer la mise en cache de votre site WordPress

Comment optimiser la vitesse de chargement de son site?

Tirer parti de la mise en cache du navigateur signifie configurer votre hôte Web pour permettre aux navigateurs de ne télécharger que les fichiers nécessaires, lorsque quelqu’un utilise votre site Web.

Lorsque quelqu’un tente de naviguer sur un site Web à l’aide de son navigateur préféré, celui-ci commence à télécharger le site Web à partir du serveur Web. Au cours de ce processus, le navigateur télécharge non seulement le code HTML de la page Web donnée, mais il télécharge également certaines ressources nécessaires. Ces ressources sont utilisées pour styler et concevoir la page et y activer parfois certaines fonctions javascript.

Nos navigateurs Internet téléchargent tous ces fichiers ensemble et construisent la page dans notre navigateur, afin que nous puissions voir la page conçue avec d’autres éléments multimédias attachés. Chaque fois, notre navigateur télécharge tous ces fichiers sur le serveur Web pour nous en afficher le nouveau contenu. Le cache du navigateur permet à votre navigateur d’ignorer des parties de pages Web précédemment téléchargées. Par conséquent, nous constatons une bonne vitesse de téléchargement de site Web la deuxième fois que nous utilisons le même site Web. Généralement, le cache du navigateur ignore les ressources de la page Web lorsque nous parcourons un site Web pour la deuxième fois. Voici une liste des ressources de page Web téléchargées avec la page Web :

  • Pages HTML
    Fichiers javascript
    CSS (feuilles de style)
    Images
    Vidéos
    Les polices
    Autres fichiers (DOC, PDF, RTF, TXT)

Fonctionnement du cache du navigateur

Il y a une communication cachée entre le navigateur de l’utilisateur et le serveur Web. Lorsque vous chargez une page Web dans votre navigateur, le serveur Web lui indique quand le fichier en cours de téléchargement a été modifié pour la dernière fois sur le serveur.

La dernière heure modifiée joue un rôle majeur dans l’utilisation du cache du navigateur. Pendant que le navigateur télécharge chaque fichier pour créer une page, le serveur Web envoie le dernier horodatage modifié avec le fichier.

Les navigateurs téléchargent et conservent toutes les pages Web et tous les actifs dans des fichiers Internet temporaires. La prochaine fois que vous essaierez de naviguer sur le même site Web, votre navigateur comparera le fichier sur le serveur avec la version locale des fichiers Internet temporaires. Et il ignorera les fichiers distants de la file d’attente de téléchargement.

Votre navigateur est doté d’une fonction intégrée permettant d’ignorer les fichiers de la file d’attente de téléchargement, qui n’ont pas été modifiés sur le serveur, depuis le dernier téléchargement par le navigateur.

Comment exploiter la mise en cache du navigateur?

Les navigateurs Web ont un cache intégré appelé «cache du navigateur». Vous pouvez tirer parti de la puissance du cache du navigateur pour augmenter le débit de votre site Web. Pour accomplir cette tâche, vous devez identifier les fichiers qui ne sont pas souvent modifiés sur votre serveur Web. Vous pouvez également configurer votre serveur Web pour envoyer un en-tête «non modifié» lors de la navigation sur le site Web.

Si le serveur envoie l’en-tête «non modifié» lorsque le navigateur le demande, le navigateur ignore ce fichier. Ainsi, le navigateur de l’utilisateur ne télécharge que les pages et les ressources nécessaires qui sont encore dans la mémoire cache du navigateur et ne sont pas modifiées sur le serveur.

Tirer parti du cache du navigateur dans WordPress à l’aide du fichier .htaccess

Vous pouvez configurer votre serveur Web pour tirer parti de la puissance du cache du navigateur. Cette configuration est normalement effectuée à l’aide d’un fichier sur votre serveur, appelé «.htaccess». Pour configurer votre serveur Web à l’aide de cette méthode, procédez comme suit.

Ouvrez le répertoire de base de votre site Web à l’aide du logiciel FTP.
Ouvrez et éditez le fichier dans votre répertoire personnel.
Rendez-vous à la racine de votre site en ouvrant le dossier « www »

htaccess_transfonumerique_filezilla

Mettez le code suivant et enregistrez le fichier. Vous avez fait la bonne configuration maintenant.

<IfModule mod_expires.c>
Expires Actif sur
ExpiresDefault A0
ExpiresActive On
ExpiresDefault A0

<FilesMatch "\.(txt|xml|js)$">
ExpiresDefault A691200


<FilesMatch "\.(css)$">
ExpiresDefault A691200


<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
ExpiresDefault A691200


<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
ExpiresDefault A691200




<FilesMatch "\.(txt|xml|js)$">
Header set Cache-Control "max-age=691200"


<FilesMatch "\.(css)$">
Header set Cache-Control "max-age=691200"


<FilesMatch "\.(flv|ico|pdf|avi|mov|ppt|doc|mp3|wmv|wav|mp4|m4v|ogg|webm|aac)$">
Header set Cache-Control "max-age=691200"


<FilesMatch "\.(jpg|jpeg|png|gif|swf|webp)$">
Header set Cache-Control "max-age=691200"


Configurer le cache du navigateur avec un plugin WordPress

Si vous ne pouvez pas éditer le fichier .htaccess et mettre le code ci-dessus vous-même, vous pouvez toujours essayer quelques plugins WordPress pour configurer votre serveur. Cette méthode n’est pas seulement facile et pratique pour les utilisateurs débutants de WordPress, elle les aide également à contrôler les comportements des autres serveurs.

Le plugin WP Super Cache fait la même chose pour vous. Si vous souhaitez optimiser la vitesse de chargement de votre page de blog, ce plugin peut le faire avec une méthode en un clic. Ils affirment que vous pouvez effectuer tout le travail fastidieux en un clic et optimiser chacun des éléments nécessaires au chargement rapide de votre blog WordPress. Je reste un partisan du fichier .htaccess qui pour moi reste la solution la plus directe.

Le plugin Humming Bird vous aide à configurer manuellement votre blog dans WP Admin. Ce plugin vous permet également de contrôler l’utilisation de la fonctionnalité de cache du navigateur. Ainsi, les lecteurs de votre blog pourront charger rapidement vos messages dans leur navigateur Web.

 

Pour conclure

L’optimisation des performances de votre site est un enjeu majeur quand on sait que les internautes sont plus de 50% à quitter un site lorsque son temps de chargement est intérieur à 3 secondes, et la norme évolue encore avec l’avènement des smartphones et des connexions 4G. Le premier indicateur à ne pas négliger reste cependant vos images !