Optimisez le temps de chargement de votre site WordPress

Il y a déjà un petit moment je vous avais parlé des extensions WordPress que j’utilisais  (épisode 1 et épisode 2  ). Je vous avais aussi donné des liens utiles a la création de votre site et dedans il y avait un site pour mesurer le temps de chargement d’une page.  Pourquoi il est important d’avoir un temps de chargement rapide ? Déjà pour vos utilisateurs mais aussi pour les moteurs de recherche

Le problème de WordPress c’est que c’est une boite noire. Vous installez WordPress, un thème, des extensions et vous configurez le tout.  Mais vous n’avez aucun contrôle sur le code vraiment généré. Le développeur d’une extension n’a pas forcément optimisé cet aspect-là. Le développeur du thème non plus. Heureusement, une fois de plus avec WordPress, il existe des extensions pour s’occuper de tout cela. On va regarder un peu ce que j’utilise et sur quoi cela agit

W3 Total Cache

C’est l’extension la plus importante. Elle va agir sur différentes chose

1. Le cache des pages. Lorsque vous demandez une page, cette page est générée dynamiquement et vous est envoyée. Un système de cache génère la page une fois pour toute et envoi cette page plutôt que de la générer à chaque fois
2. Réduction du code. Sans trop rentrer dans les détails votre site, même s’il est sous WordPress, est un site « normal » avec des pages HTML, des styles CSS et du code javascript. La réduction du code va optimiser tout cela en concaténant par exemple tous les fichiers javascripts en un seul et en y retirant en plus tous les commentaires ou caractères inutiles
3. Cache du navigateur. Cette partie va dire à votre navigateur que certains fichiers ne vont pas changer souvent. Votre navigateur va alors les chercher sur votre ordinateur et plutôt que d’aller les chercher chez vous la prochaine fois il les prendra chez lui.
4. etc..

Il y a plein d’autres options que je vous laisserais découvrir. C’est très puissant. Ca peut devenir un poil technique quand même

Short Pixel

C’est une extension qui va compresser les images de votre blog. En gratuit vous pouvez compresser 100 Images par mois. Le temps de chargement des images est souvent non négligeable sur un site. Il faudra vous inscrire sur leur site pour obtenir une clef. Il suffit de donner son email.

Use Google Libraries

Un certain nombre de bibliothèques utilisées par votre site existent aussi chez google. Lorsque vous en avez besoin il est préférable d’aller les chercher chez Google car elles seront sûrement déjà dans le cache du navigateur et Google est plus performant que vous pour fournir ces bibliothèques.

Remove query strings from static resources

Alors là, me demandez pas trop. C’est assez technique. Pour résumer, certaines extensions passent des paramètres inutiles et en les retirant on arrive à servir le fichier plus rapidement

Et ça va plus vite a la fin ?

Ah oui. Je suis passé d’une page qui mettait 6s a se charger a une page qui n’en met plus que 3s. Je vais deux fois plus vite. Au niveau de Page Speed je suis passé d’un score de 76% a 83% et au niveau d’YSlow de 70 a 76%. Ca parait peu mais c’est important pour les moteurs de recherche. Plus votre site va vite mieux vous serez considéré

Je dois pourvoir faire mieux. Mais dans certains cas c’est difficile car certaines autres extensions que vous utilisez ne sont pas optimisées et pas optimisables.  J’ai le cas actuellement avec certaines fonctions de JetPack.