6 étapes pour accélérer le site Web WordPress
Tout le monde sait que la vitesse du site joue un rôle important en termes de succès du site Web. Plus votre site se charge rapidement, plus les utilisateurs interagissent avec votre contenu. Dans cet article, nous vous montrons 6 étapes pour accélérer le site Web WordPress.
Le temps standard de chargement de votre site est inférieur à 2 secondes. Si votre site met plus de 2 secondes à se charger, vous faites quelque chose de mal.
Il existe plusieurs outils en ligne disponibles pour vérifier la vitesse de votre site Web comme pingdom, etc. Mais, je recommanderais de vérifier votre site Web sur Google Page Insights. D’après mon expérience, cet outil donne un meilleur résultat. Google Page Insights vous montre les distractions qui font que votre site se charge lentement.
Voyons étape par étape le processus pour améliorer les performances et la vitesse d’un site. Vous trouverez ci-dessous la capture d’écran du score de mon site Web sur Google Page Insight.
Étape 1 – Inclure CSS et JS de manière standard
Avez-vous déjà remarqué le message Render bloquant JavaScript et CSS dans le contenu au-dessus de la ligne de flottaison ? Si vous n’avez pas inclus CSS et JS de manière standard, cela peut ralentir votre site. En règle générale, CSS doit être inclus dans un en-tête et JS dans un pied de page. Vous devez prendre soin de votre site Web en suivant cette pratique standard.
Étape 2- Optimiser les images avant utilisation
Les images jouent un rôle important dans l’amélioration de l’expérience utilisateur. Des images accrocheuses gardent vos utilisateurs intéressés par le contenu. Mais, l’utilisation d’images lourdes tue presque la vitesse de votre site Web. Par exemple, vous avez téléchargé une image d’une taille de 2 Mo sur le site, puis lors du chargement de la page, ces 2 Mo prennent un temps supplémentaire pour charger l’image avant de présenter votre page au public.
Voici le concept d’ optimisation des images avant utilisation. Il existe plusieurs plugins disponibles qui effectuent cette tâche de compression d’images à partir de votre médiathèque. Certains plugins populaires sont
- Compresser les images JPEG et PNG parTinyPNG
- Optimiseur d’image ShortPixel
- Compression et optimisation d’images Smush
- Optimiseur d’image EWWW
Tous ces plugins fonctionnent bien. Je recommanderais d’utiliser le plugin TinyPNG. J’utilise ce plugin pour mon site Web et j’en suis très satisfait.
Dans certains cas, nous devons afficher des images en dehors de la médiathèque. Nous créons un répertoire personnalisé et y téléchargeons des images, puis utilisons ces images sur le site Web. J’ai écrit un article sur Optimize Image On Upload et TinyPNG Compress Images. Veuillez vous référer à ces articles si vous n’utilisez pas la médiathèque pour les images.
Astuce: recadrez les images d’une taille que vous souhaitez afficher. Disons que vous avez un conteneur de taille 300*250. Dans ce cas, vous devez recadrer l’image en fonction de la taille du conteneur. N’utilisez pas l’image de plus grande taille dans un petit contenant. Cela affecte également les performances du site.
Étape 3 – Chargement paresseux des images
Lazy Load Images aide à accélérer votre site Web. En utilisant le plug-in de chargement paresseux, vos images ne se chargent pas tant que l’utilisateur n’y fait pas défiler. Cela permet de réduire la taille de votre page au moment du chargement.
Si vous souhaitez implémenter des images de chargement paresseux sans utiliser de plugin, veuillez lire notre article sur Améliorer les performances du site Web par des images de chargement paresseux.
Étape 4- Optimiser la base de données
Dans la mesure où la taille de votre base de données est petite, votre serveur répond rapidement aux demandes de base de données provenant du site Web. Une fois que votre base de données commence à augmenter, votre serveur met plus de temps à répondre.
Dans WordPress, comme le temps passe plusieurs données orphelines stockées dans votre base de données. Par exemple, lorsque vous mettez à jour un article ou une page, à chaque fois, WordPress stocke la révision dans la base de données. Je préférerais ne garder que les 3 dernières révisions qui sont tout à fait suffisantes. Pour conserver les révisions jusqu’à 3 fois, vous devez placer le code ci-dessous dans votre fichier wp-config.php.
define('WP_POST_REVISIONS', 3);Le code ci-dessus limite le nombre de révisions. Il existe d’autres tables qui devraient également être optimisées. Je recommande d’utiliser les plugins WP-DBManager ou WP-Sweep pour optimiser votre base de données.
Étape 5- Utilisation du cache
Merci aux ingénieurs qui ont introduit le concept de cache du navigateur. Lorsqu’un utilisateur visite votre site Web, le navigateur de l’utilisateur stocke votre page dans l’emplacement de stockage temporaire du navigateur. Lorsque l’utilisateur visite le site Web la prochaine fois, le navigateur présente la page aux utilisateurs à partir du dernier cache stocké au lieu de charger à nouveau la page entière. Cela réduit l’utilisation de la bande passante côté utilisateur et côté serveur. L’utilisation du cache pour votre site Web accélère considérablement le site Web WordPress. Certains des plugins de cache populaires sont les suivants.
Lorsque vous utilisez la mise en cache du navigateur, les fichiers de votre page Web sont stockés dans le cache du navigateur. Vos pages se chargeront beaucoup plus rapidement pour les visiteurs réguliers. Ajoutez le code suivant dans le fichier htaccess de votre site et il vous permettra la mise en cache du navigateur.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Remarque: dans WordPress, certains plugins utilisent des ressources externes. Nous ne pouvons pas définir d’en-têtes d’expiration sur ces ressources externes. Une façon consiste à stocker ces fichiers externes sur votre serveur, puis à les inclure sur votre site Web.
J’espère que vous comprenez comment accélérer le site Web WordPress. Si j’ai raté quelque chose ou si vous utilisez d’autres techniques, veuillez partager dans les commentaires ci-dessous.