1893 avis : 5/5 ⭐️⭐️⭐️⭐️⭐️

Wordpress développement

Developpeur wordpress fullstack

Améliorer la vitesse de son WordPress

La vitesse de votre wordpress, un critère primordiale en 2022

Dans un monde toujours plus rapide, avec le développement de la 5G chaque seconde voir chaque millième de secondes sont importantes. Il y a une forte corrélation entre le nombre de visiteurs / pages vues et le temps de chargement de votre site. Plus il est lent, moins vous avez de visiteurs et de bonnes statistiques. C’est ainsi qu’il est important pour vous et votre référencement naturel d’avoir un site optimisé pour les ordinateurs et les mobiles.

Les indicateurs de vitesse de chargement de votre site wordpress

Le LCP premier indicateur

LCP mesure le temps qu’il faut pour que le plus grand élément de contenu (par exemple, une image principale ou un texte d’en-tête) de votre page devienne visible dans la fenêtre d’affichage de vos visiteurs.

Le BTB un indicateur important

Le TBT vous indique combien de temps est bloqué par les scripts pendant le processus de chargement de votre page.

Le CLS un indicateur complémentaire

Le CLS indique le degré de changement de mise en page subi par les visiteurs lors du chargement de votre page.

Améliorer la vitesse wordpress de votre site

Dans un premier temps, le premier réglage que nous vous invitons à mettre en place c’est l’augmentation des ressources allouées à wordpress dans le fichier wp-config. Le fichier wp-config vous permet de modifier plusieurs paramètres.

Notamment :

  • La taille des requêtes envoyées en backend
  • La taille des requêtes envoyées sur le Front-end (côté client)

Modifier l’allocation allouée à wordpress

Premièrement il vous faudra avoir un accès à votre gestionnaire de fichier de votre hébergement ou de vous connecter en ftp via un logiciel de transfère de fichier comme filezilla.

Une fois connecté à vos fichiers site, il vous suffit d’entrer dans la racine de votre wordpress et de rechercher le fichier wp-config.

gestionnaire de fichier wp-config
Une fois dans le fichier, rien de plus simple que de copier / coller les deux lignes de code suivantes juste après le #BEGIN WORDPRESS :
define( 'WP_MEMORY_LIMIT', '256M' );
modifier le fichier wp-config.php

Diffuser votre site wordpress via un CDN

Un CDN 🤔 Qu’est ce que c’est ?

CDN ou content delivery netword est tout un ensemble de serveurs liés entre eux sur internet. Connecté entre eux, les serveurs vont rapprocher et diffuser le plus rapidement possible votre contenu statique et dynamique de votre site wordpress. Il est très efficace pour améliorer la mise en cache de votre site, gérer des règles de diffusion afin d’optimiser la vitesse de chargement wordpress et de votre sécurité web. Le plus connu alliant les deux fonctions est : Cloudflare.

Configurer votre CDN (Cloudflare)

Vous vous demandez maintenant comment je peux bénéficier d’un CDN gratuitement ? Pour commencer nous vous invitons à vous créer un compte en renseignant l’url de votre site.

Dès votre compte créé Cloudflare va récupérer toutes les DNS de votre hébergement web ainsi que celui de votre domaine pour importer la configuration de vos mails, ftp etc.

Connectez votre nom de domaine à Cloudflare

Juste avant de terminer la configuration; Cloudflare vous demande de modifier les NS de votre nom de domaine par ceux de votre compte.

Retourner sur votre hébergeur web ou se trouve votre nom de domaine. Enfin, modifier la configuration DNS pour les NS (serveur de nom de votre nom de domaine).

Par la suite cliquer sur “Terminer vérifier les noms de serveurs” sur votre compte Cloudflare.

Configuration avancée de Cloudflare

La première chose à faire de définir une règle sur la diffusion de votre contenu :

  • Le niveau de mise en cache pour le contenu statique
  • Le chiffrement opportuniste
  • La durée ttl du cache mis en place
  • Accélération de la lecture du code javascript
  • La minification de votre code HTML, CSS, JS pour javascript

Pour ce faire, accédez à l’onglet : Règles, puis créer une règle en indiquant votre domaine. Pour comprendre toutes les pages de votre site il vous faudra ajouter après le / un astérix. Ex : domaine.com/*

Améliorer les règles réseaux de Cloudflare

Une autre optimisation non négligeable est à envisager. La configuration de la vitesse de chargement de votre site wordpress via les règles réseaux de Cloudflare.

Accédez à l’onglet Réseaux. La configuration optimum est la suivante :

A partir de ce niveau votre site devrait comprendre une amélioration de sa vitesse de +40% en moyenne. Mais pour les experts wordpress la configuration n’est pas tout à fait fini pour autant.

Diminuer la taille de votre code desservie par votre wordpress

Un dernier réglage primordiale est de compiler et de compresser la taille de votre code par l’intermédiaire de votre CDN (content delivery network). Pour cela, dans cloudflare, accéder à l’onglet Speed (vitesse) et activer la minimification ainsi que l’option Brotli !

speed cloudflare mini

Analyser la vitesse de votre wordpress

Maintenant que vous avez effectué plusieurs modifications sur la mise en cache, le speed de votre site wordpress, il est temps de comparer les résultats. Afin d’avoir un résultat le plus fiable possible, nous vous invitons à patienter 1h après la mise en place des réglages décrit dans ce post.

Les outils d’analyse de vitesse de chargement de votre site :

Et voici le résultat 😉 : (télécharger le rapport complet)

améliorer vitesse site wordpress
speed google amélioration vitesse

Articles dans la thématique Wordpress :
commandes github & heroku
Commandes github/heroku Antisèche

Commandes Github Créer un repo sur github (lead dev) : Lister toutes les branches : Créer une branche Pusher votre branch : Retourner sur la branch master : Récupérer du code qui a été mergé sur la branch master : Commandes Heroku Avant de déployer sur heroku (déploiement par le.

Lire l'article
Créer une application Rails (commandes basiques)

Lancer une application avec le template de base (postgres + webpack js) Petit warning ⚠️ bien aller dans le dossier code avant de lancer la commande : cd code/ Pour savoir quels dossiers sont à ta dispo : ls Configurer l’application avant de commencer : Dernière étape : Créer le.

Lire l'article
audit seo developpement web alexis stephan
Audit SEO Définition : Tout dont vous devez savoir

Un audit SEO est le processus d’évaluation d’un site Web dans le but de trouver les problèmes qui peuvent empêcher le site d’être mieux référencé dans les pages de résultats des moteurs de recherche (SERPs). L’objectif d’un audit SEO est d’identifier les améliorations potentielles qui peuvent être apportées à un.

Lire l'article