24 étapes pour améliorer la vitesse de chargement de votre site WordPress
Il est important que la vitesse de chargement de votre site web soit rapide pour plusieurs raisons : vous améliorez la convivialité de la page et, par conséquent, l’expérience de navigation de vos utilisateurs, et vous favorisez le positionnement naturel de votre site web pour les moteurs de recherche. Voici quelques techniques pour obtenir cette accélération.
Conseils pour accélérer tout site web
Bien que la vitesse d’un site web dépende de nombreux facteurs, dont certains ne sont pas spécifiques à la page elle-même, nous pouvons appliquer quelques astuces pour le rendre plus rapide et offrir la meilleure expérience aux visiteurs.
Choisir un bon hébergeur
Quelle que soit l’optimisation de votre site web, s’il est hébergé sur un hébergement de faible qualité, avec peu de ressources, votre site web sera crawlé. Ce serait comme essayer d’utiliser la dernière version de la suite logicielle Adobe sur un ordinateur de 5 ans, pour faire une analogie.
Vous devriez héberger votre site web sur un plan d’hébergement avec des fonctionnalités qui facilitent la vitesse et mieux si celui-ci est configuré pour WordPress.
Les caractéristiques que vous devriez rechercher sont au moins les suivantes :
- Espace suffisant sur le disque dur (à partir de 3 Go), de préférence SSD
- Garantie de disponibilité à 99,999
- En hébergement partagé, technologie d’isolation et garantie de ressources.
Choisissez un design à chargement rapide
Ce qui est montré à vos visiteurs, c’est votre design, le thème ou le modèle choisi pour embellir et faciliter l’accès à votre contenu. Le problème est qu’il est parfois difficile de trouver l’équilibre parfait entre performance et vitesse.
Nous nous laissons guider par l’esthétique des démos qui nous montrent les créateurs des dessins alors qu’en réalité ce qui marquera l’image de notre site web sera notre image de marque, nos photos et nos produits.
La règle d’or est d’utiliser un thème aussi minimaliste que possible :
- Fond blanc, pas d’images ou d’ornements surchargés.
- Code optimisé avec les dernières technologies du web : HTML5, CSS3
- Compatible avec les dernières versions de tous les navigateurs
- Compatible avec les normes du W3C
- Utilisation des fonctionnalités standard de WordPress
Utilisez un système de cache
Tous les systèmes de création et de gestion de contenu (CMS) utilisent des bases de données pour stocker des informations et afficher le contenu et les fonctionnalités de votre site web.
Cela génère un grand nombre de requêtes de votre site web vers la base de données chaque fois qu’un visiteur consulte une page de votre site web, et ce nombre est multiplié par le nombre d’utilisateurs qui visitent votre site web à ce moment.
La séquence, pour que vous la compreniez, est quelque chose comme ça :
- L’utilisateur accède à une page web qui contient des images, du texte, un formulaire de commentaires et des boutons de partage de médias sociaux.
- Le CMS doit, en temps réel, afficher les images et interroger la base de données pour connaître le texte à afficher, s’il y a des commentaires, les dates des deux, quelles icônes sociales afficher, combien de fois il a été partagé dans chaque réseau, etc, etc.
- Les images sont chargées à partir des dossiers correspondants de l’hébergement et le contenu, les commentaires, etc. sont affichés avec les informations stockées dans la base de données.
Tout ce processus est assez rapide, mais beaucoup moins que ce qu’il serait de montrer toutes ces informations si elles étaient statiques, sans changements en temps réel.
Pour cette raison, ce qui est un avantage des CMS, le contenu dynamique en temps réel, signifie qu’ils sont tous moins rapides à charger que, par exemple, une page web HTML statique, dont les informations sont toujours les mêmes et qui n’a pas besoin de vérifier les mises à jour du contenu ailleurs.
Et pour contrer ce mode de fonctionnement, des systèmes de cache sont utilisés, qui montreront des “images fixes” aux visiteurs, au lieu d’interroger la base de données à chaque consultation de votre site web.
Pour WordPress, il existe de nombreux bons plugins de cache qui effectueront cette tâche pour vous de manière simple.
Utilisez un CDN
Les réseaux de diffusion de contenu, ou Content Delivery Networks, sont des services en nuage qui offrent un hébergement distribué à haut débit pour diffuser du contenu dynamique.
Ce qu’ils font, c’est stocker des copies de données provenant d’autres sites qu’ils redistribuent à partir de leur système de cache et de divers centres de données dans le monde entier et les transmettre aux visiteurs de votre site web, mais à une vitesse plus élevée.
Cela signifie pour tout site web qu’il peut afficher son contenu plus rapidement, ce qui améliore les temps de chargement et, par conséquent, l’expérience des visiteurs et le classement dans les moteurs de recherche.
Il existe de nombreux CDN, mais les plus utilisés, et gratuits, sont CloudFlare, Incapsula, Photon et jsDelivr, dont les plus recommandés sont CloudFlare et Photon.
Pour des raisons pratiques, ce qu’ils offrent à un site web est de servir son contenu, en particulier les images, à partir des serveurs CDN, beaucoup plus rapidement, au lieu de le faire à partir de l’hébergement du site lui-même, toujours avec moins de ressources. De cette façon, le visiteur n’apprécie aucune différence lors de la consultation du web mais il charge beaucoup plus rapidement.
Les meilleurs CDN pour WordPress sont Photon et CloudFlare, le premier étant l’option la plus choisie pour sa simplicité, car il est inclus comme module du plugin JetPack et ne nécessite aucune configuration, il suffit de l’activer et c’est tout.
Quant à CloudFlare, bien qu’il dispose d’un plugin pour WordPress qui facilite sa gestion, le processus d’activation est moins simple car il faut créer de nouveaux enregistrements DNS dans l’hébergement, ce qui pour le commun des mortels n’est pas une opération anodine. Heureusement, de plus en plus d’hébergeurs proposent une activation en un clic de CloudFlare, sans avoir à configurer ou à modifier les enregistrements.
Réduire le code
De nos jours, tout site web professionnel utilise beaucoup de code CSS et JavaScript qui, bien qu’ils offrent des fonctionnalités dynamiques et des effets vraiment attrayants, peuvent ralentir le chargement de votre site web.
Chaque fois que vous voyez un effet visuellement attrayant sur un site web, il est généré par un code CSS ou JavaScript.
Une façon de continuer à utiliser toutes les fonctionnalités avancées et les merveilleux effets est de minimiser le code, afin qu’il prenne le moins de place possible tout en donnant ses résultats.
La même page de Google PageSpeed destinée aux développeurs recommande cette pratique, avec des astuces et des outils pour minimiser le code CSS et JavaScript par vous-même : télécharger votre code, le minimiser avec des outils de compression, puis le télécharger à nouveau sur votre site.
Dans WordPress, ce processus est simplifié au maximum, car tous les plugins de cache intègrent des fonctions de minification CSS et JavaScript, qu’ils exécutent automatiquement, et en plus de cela, il existe de nombreux autres plugins spécialement conçus pour ce besoin.
Optimisez vos images
Peu importe le nombre de ressources que vous engagez dans un hébergement web et sa qualité, si vous affichez des images de haute qualité (et leur poids en Mo) sur vos pages, elles mettront du temps à s’afficher pour vos visiteurs, car le poids de chaque élément est ajouté et le total résultant est ce que le navigateur doit télécharger et cela ralentira l’affichage de la page entière.
C’est pourquoi il est essentiel d’optimiser les images avant de les télécharger sur votre site web. Les règles de base à garder à l’esprit sont les suivantes :
Téléchargez les images à la taille maximale qui sera visible sur le web, et non à la taille maximale de la photo prise, généralement de très haute qualité, et au poids.
Utilisez un outil de retouche photo, tel que Adobe Photoshop, et utilisez l’option permettant d’enregistrer vos images pour le Web.
Si vous avez déjà téléchargé des images non optimisées sur votre site web, avec WordPress vous pouvez facilement réduire leur taille grâce à des plugins comme WP Smush, qui vous permettra d’appliquer manuellement, une par une ou par lots, une réduction sans perte à vos images. Les prochaines images que vous téléchargez pour illustrer votre contenu seront automatiquement réduites tant que le plugin est actif.
Empêchez les liaisons directes
Il y a une très mauvaise habitude sur le net de copier des contenus et de les publier comme s’ils étaient les vôtres. Mais si c’est déjà mauvais, c’est encore pire s’ils le font aussi en incluant les images de votre publication, pourquoi ?
Vos images sont la partie la plus lourde de votre site web, et par conséquent ce qui ralentit son chargement en consommant la taille et les ressources de votre serveur, alors imaginez que quelqu’un copie une de vos publications avec 5 images et les affiche sur votre site, ne les chargeant pas depuis votre serveur mais depuis le vôtre.
Le résultat est que vos visites seront ajoutées aux leurs et qu’elles consommeront des ressources de votre serveur mais sans recevoir les visites de vous, mais de quelqu’un d’autre (ou d’autres). C’est la pratique connue sous le nom de hotlinking.
Malheureusement, il n’est pas facile de lutter contre cette pratique, mais nous pouvons essayer de deux manières :
- Utilisez l’application de lutte contre les hotlinking que de nombreux hébergeurs incluent dans leur cPanel, dans lequel il vous suffit de l’activer et il essaiera de l’empêcher.
- Ajoutez des règles pour empêcher la création de liens hypertextes dans le fichier Apache .htaccess comme suit
#COMMENCEZ À ÉVITER LES HOTLINKS
RewriteEngine on # Options +FollowSymlinks RewriteCond %{HTTP_REFERER} !^$ RewriteCond %{HTTP_REFERER} !^http://(www\.)?tondomaine.com/.*$ [NC] RewriteCond %{HTTP_REFERER} !^http://(www\.)?feedburner.com/.*$ [NC] RewriteCond %{HTTP_REFERER} !^http://(www\.)?google.com/.*$ [NC] RewriteCond %{HTTP_REFERER} !^http://(www\.)?bloglines.com/.*$ [NC] RewriteCond %{HTTP_REFERER} !^http://(www\.)?netvibes.com/.*$ [NC] RewriteCond %{HTTP_REFERER} !^http://(www\.)?ddomaineami.com/.*$ [NC] RewriteRule \.(gif|jpg|jpeg|png|js|zip|css)$ - [F,NC,L]
#END ÉVITER LES HOTLINKING
Hébergez la vidéo et l’audio sur des serveurs externes
La chose qui ralentit le plus la vitesse de chargement d’un site web est le contenu multimédia. Peu importe la quantité de texte que vous écrivez, il ne prendra jamais autant de place que les images et, surtout, les vidéos que vous insérez dans vos posts.
Les images doivent être téléchargées sur vos posts, optimisées mais téléchargées, car elles font partie de votre contenu et contribuent également au référencement, en générant beaucoup de trafic entrant.
Mais vous ne devez JAMAIS télécharger physiquement des fichiers vidéo pour les insérer dans vos messages.
Pensez qu’une vidéo de, disons, 2 Mo, ajoutera ce poids au reste des éléments de votre site web, et si actuellement le poids maximum d’une page web est estimé qu’elle ne devrait jamais atteindre 2 Mo, seulement avec cette vidéo, et ce serait les petits, vous le dépasseriez déjà.
Mais ce n’est pas tout, car cela consommera également des ressources de votre hébergement qui peuvent affecter considérablement votre économie, car vous devez tenir compte du fait que vous devez multiplier le poids de la vidéo par le nombre d’utilisateurs qui la regardent en même temps, et le résultat est qu’il n’y a pas de plan d’hébergement (normal) qui supporte cette charge de ressources.
Ce que vous devez faire, c’est créer un compte sur une plateforme vidéo professionnelle, où vous pouvez les télécharger même en haute définition (HD), comme Vimeo, Viddler ou même YouTube, et les afficher ensuite sur votre site web sous forme d’objets intégrés au lieu de les télécharger physiquement.
De plus, dans WordPress, c’est vraiment facile, car il suffit de copier et de coller l’URL de l’endroit où se trouve la vidéo et de la coller dans une ligne de votre éditeur d’articles et de pages, ce qui affiche automatiquement la vidéo, mais sans que votre site web en pâtisse car elle est en fait affichée depuis les serveurs du service vidéo professionnel.
Maintenez la connexion active
Une autre fonction utile que les moteurs de recherche et vos visiteurs apprécieront est la fonction de maintien en mémoire HTTP, que vous pouvez activer à partir de la plupart des systèmes de cache ou en ajoutant ces lignes à votre fichier .htaccess d’hébergement :
<IfModule mod_headers.c>
Header set Connection keep-alive
</IfModule>
Activez le cache du navigateur
L’un des facteurs que vous pouvez intégrer pour accélérer le chargement de votre site web, et que Google appréciera également très positivement, est de spécifier le cache du navigateur, qui indiquera au navigateur la fréquence à laquelle le contenu change.
Vous pouvez l’activer, soit à partir du plugin de cache que vous utilisez, soit en ajoutant ces lignes au fichier .htacccess :
## COMMENCER À EXPIRER LES EN-TÊTES
ExpirationActif le
ExpiresByType image/jpg “accès 1 an”.
ExpiresByType image/jpeg “access 1 year” ExpiresByType image/jpeg “access 1 year” ExpiresByType image/jpeg “access 1 year
ExpiresByType image/gif “accès 1 an” ExpiresByType image/gif “accès 1 an” ExpiresByType image/gif “accès 1 an
ExpiresByType image/png “access 1 year” ExpiresByType image/gif “access 1 year” ExpiresByType image/png “access 1 year
ExpiresByType text/css “access 1 month” ExpiresByType application/png “access 1 year” ExpiresByType application/pss “access 1 year
ExpiresByType application/pdf “access 1 month” ExpiresByType application/pdf “access 1 month” ExpiresByType text/css “access 1 year
ExpiresByType text/x-javascript “access 1 month” ExpiresByType application/pdf “access 1 month” ExpiresByType application/pdf “access 1 month
ExpiresByType application/x-shockwave-flash “access 1 month” ExpiresByType image/x-javascript “access 1 month
ExpiresByType image/x-icon “access 1 year” ExpiresDefault “access 1 year” ExpiresDefault “access 1 year
ExpirationDéfaut “accès 2 jours”
## FIN DES EN-TÊTES D’EXPIRATION
Optimiser la base de données
Auparavant, le web était constitué de fichiers à code plat qu’il fallait modifier à chaque fois que l’on voulait faire un changement, mais avec l’avènement du Web 2.0, ou web dynamique, toutes les informations sont stockées dans des bases de données qui contiennent des lignes, des colonnes et des cellules avec chaque élément, réglage et interaction de notre site web.
Cette base de données, quel que soit le système de gestion de contenu que nous utilisons, se développe et accumule parfois des déchets : des données qui ne sont plus utilisées, qui doivent être nettoyées et optimisées car une base de données importante et non optimisée ralentit le chargement de votre site web.
Quel que soit le système que vous utilisez, vous pouvez – et devriez – optimiser la base de données à partir d’un outil fourni par tous les fournisseurs d’hébergement, PHPMyAdmin.
Il vous suffit de sélectionner la base de données dans la barre de gauche pour afficher ses tableaux, de les cocher tous et de choisir l’option Optimiser dans le menu déroulant. Le processus est automatique et nettoiera votre base de données de ce qui reste.
Et si vous utilisez WordPress, vous n’avez même pas besoin d’accéder à PHPMyAdmin, car il comprend une application pour optimiser la base de données. Il suffit d’ajouter la ligne suivante au fichier de configuration wp-config.php :
define(‘WP_ALLOW_REPAIR’, true) ;
Une fois que vous avez ajouté la ligne et enregistré les changements, vous pouvez aller sur http://monsite.com/maint/repair.php et utiliser l’outil de réparation et d’optimisation de la base de données WordPress.
Éviter les erreurs de la page 404 non trouvée
Croyez-le ou non, les erreurs de page non trouvée connues sous le nom de 404 ralentissent également le chargement de votre site web. Utilisez donc un outil pour localiser les liens brisés, comme le Broken Link Checker pour WordPress, ou le Link Checker du W3C, pour les identifier et les réparer.
Utiliser les bibliothèques de codes de Google
Si vous utilisez des bibliothèques de codes libres sur votre site web, comme jQuery, il est préférable de les charger à partir des bibliothèques ouvertes de Google plutôt qu’à partir de votre propre site web.
Il vous suffit d’identifier dans votre code web les URL qui appellent des scripts et de modifier ces URL pour les charger à partir des serveurs de Google. Le résultat est que votre site web se chargera plus rapidement car ces serveurs sont beaucoup plus puissants.
Par exemple, si vous trouvez une ligne comme celle-ci :
<script src=”http://midominio.com/scripts/ajax/libs/jquery/2.1.3/jquery.min.js”></script>.
Modifiez-le pour charger le script depuis Google :
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js”></script>
Comment améliorer votre Core Web Vitals et votre temps de chargement sur WordPress ?
Faire appel à un prestataire pour faire un audit de performance et d’optimisation de son site WordPress est de plus en plus courant. En effet, entre WordPress qui change constamment, et Google qui modifie son algorithme toutes les secondes, il est difficile de suivre la tendance. Google demande d’avoir un site internet à la limite de la perfection pour bien ranker sur ses pages. Il faut sans cesse examiner les différentes mesures réalisées par la Google Search Console. Vous pouvez vous faire aider en faisant appel à webperformer.fr. La société vous permettra de mettre en place un site tel que Google le souhaite, c’est-à-dire, avoir un Core Web Vitals parfait. Ils pourront vous aider par la même occasion à améliorer les temps de chargement de votre site internet WordPress.
D’ailleurs, connaissez-vous le Core Web Vitals — Signaux Web Essentiels ? C’est une mesure qui permet de vérifier la santé de vos liens que ça soit sur mobile et sur ordinateur. Google a déjà franchi le pas et vérifiera ces données afin de vous référencer sur les pages de recherche. C’est un élément vital à ne pas négliger donc en cas de problèmes, contactez au plus vite WebPerformer.
Astuces spécifiques pour améliorer la vitesse de WordPress
Les conseils que je donne ci-dessous concernent exclusivement les pages ou les blogs créés sur la plate-forme WordPress. Si vous suivez ces recommandations, vous obtiendrez votre site plus rapidement. Cependant, je dois préciser qu’avec ce système de gestion de contenu, il est beaucoup plus facile d’appliquer des stratégies pour accélérer facilement votre site web.
N’installez que les plugins nécessaires
Les plugins WordPress font partie du secret de son succès. Le fait de disposer de milliers d’applications gratuites pour améliorer et étendre les fonctionnalités de votre site web a révolutionné la gestion et la création de contenu.
Et, pour cette raison, il est courant pour tout administrateur WordPress d’essayer de nombreux plugins, parfois trop nombreux.
La règle est de n’utiliser que ce dont vous avez réellement besoin. Vous pouvez essayer des centaines de plugins, à condition de désactiver et de supprimer tous ceux qui ne sont pas vraiment nécessaires pour assurer une expérience fonctionnelle de votre site web.
Utilisez des plugins optimisés
Non seulement vous devez installer les plugins qui sont essentiels, mais il est également important d’utiliser ceux qui sont les mieux programmés, qui offrent les fonctionnalités que vous souhaitez pour votre site web mais avec la plus faible consommation possible de ressources serveur.
Pour déterminer quels plugins sont les plus efficaces, il existe un utilitaire fantastique appelé P3 Plugin Performance Profiler, qui s’installe comme tout autre plugin mais dont la fonction est d’analyser les performances et l’optimisation des plugins installés sur votre site web.
Une fois activé et en fonctionnement, il vous offrira des informations très précieuses sur les performances et la consommation de ressources des plugins installés, vous aidant à choisir les plus optimisés.
Désactivez les pingbacks et les trackbacks
Malheureusement, l’un des plus importants utilitaires de WordPress et d’autres systèmes de gestion de contenu actuels, les pingbacks et les trackbacks, un outil qui permet de savoir qui relie à qui sur le web, sont également une source de problèmes de vitesse.
En effet, votre WordPress effectue des tâches de vérification des liens entrants, ce qui allonge le temps de chargement de votre site.
Il est facile de les désactiver, il suffit d’accéder à l’écran d’administration de WordPress dans Paramètres -> Commentaires et de les désactiver. Facile et immédiat.
Videz souvent les corbeilles
Tout ce qui occupe de l’espace physique sur le disque dur de votre hébergement ralentira votre site web. C’est la même chose qui se produit lorsque vous manquez d’espace sur votre smartphone : il ralentit.
La corbeille WordPress est de type “recyclage”, c’est-à-dire qu’elle ne supprime pas immédiatement mais stocke temporairement ce qui est envoyé dans la corbeille et peut être récupéré en cas d’erreur.
C’est très bien, mais si vous supprimez beaucoup de contenu (commentaires, messages, pages, etc.), cela peut devenir une accumulation qui pourrait ralentir votre site web.
WordPress videra automatiquement la corbeille tous les 30 jours, mais si vous avez peu d’espace disque, il est bon d’aller de temps en temps à la corbeille et de la vider avec le bouton que vous trouverez pour cela.
Une autre option consiste à réduire le temps de vidange en ajoutant une ligne comme celle-ci à votre fichier de configuration WordPress, wp-config.php, dans laquelle vous modifiez le nombre de jours après lesquels il sera vidé automatiquement (dans l’exemple 7) :
define( ‘EMPTY_TRASH_DAYS’, 7 ) ;
Désactivez les révisions de poste
Une autre fonctionnalité extrêmement utile de WordPress est la révision des articles, un système de contrôle du contenu éditorial qui fait automatiquement des copies de ce que vous écrivez, vous permettant de récupérer des versions de votre article en cas d’erreurs.
Mais, comme vous pouvez l’imaginer, ce système de révision prend également de la place dans votre base de données, et pas mal, d’ailleurs.
Maintenant, comme tout ce qui se passe dans WordPress, vous pouvez contrôler les révisions, les désactiver ou en définir la quantité à enregistrer. Il suffit d’ajouter une ligne au fichier wp-config.php.
Désactiver les révisions de poste :
define(‘WP_POST_REVISIONS’, faux) ;
Contrôlez le nombre de révisions de poste à sauvegarder (changez le nombre pour ceux que vous voulez) :
define(‘WP_POST_REVISIONS’, 4) ;
Montrez des extraits sur votre page d’accueil
Si une page de votre site web doit être spécialement optimisée, c’est la première page, votre vitrine sur le web. C’est pourquoi vous devez être particulièrement scrupuleux sur ce qu’il faut montrer et comment le montrer sur la page d’accueil de votre site web.
Et si vous chargez des articles complets sur la page d’accueil, ils seront affichés avec toutes leurs images et autres contenus dynamiques, ce qui les rendra inévitablement plus longs à afficher.
Par conséquent, vous devriez toujours choisir un thème WordPress qui ne présente pas des articles complets en première page, mais des extraits, à la manière d’un journal numérique, afin de pouvoir voir des échantillons de votre contenu que le visiteur peut choisir, tout en accélérant le chargement global de la page, car seule une partie du texte et une petite image miniature seront affichées pour chaque publication.
Et si le thème que vous utilisez n’affiche pas les extraits, vous pouvez toujours les forcer en utilisant la balise “Lire la suite”, qui sera insérée où vous le souhaitez dans votre contenu en cliquant simplement sur l’icône dans la barre de formatage de l’éditeur WordPress.
Juste à l’endroit où elle est insérée sera “coupée”, ne montrant sur la première page que ce qui se trouve avant cette ligne.
Activer la compression Gzip
Il y a toujours quelque chose de plus que vous pouvez faire pour accélérer un site web, et l’un des éléments que les moteurs de recherche apprécient le plus est que vous offriez une version plus rapide et optimisée de tous les éléments de votre site web au navigateur et, par conséquent, qu’ils s’affichent plus rapidement.
Sauf dans des cas particuliers, la compression Gzip n’est pas activée par défaut et vous devrez l’activer, ce que vous pouvez faire très facilement dans WordPress grâce à une astuce assez sympathique.
Cette astuce, qui a toujours été là mais cachée pour la plupart des mortels, est quelque chose d’aussi simple que de taper l’adresse suivante (changez logiquement “mondomaine.com” par la vôtre) :
http://mondomaine.com/wp-admin/options.php
Vous verrez une page de configuration de WordPress, normalement non accessible, à partir de laquelle vous pouvez modifier pratiquement tous les paramètres de configuration qui sont dispersés dans tous les écrans de paramètres d’administration de WordPress, mais aussi certains autres qui ne sont pas disponibles dans d’autres écrans.
Et l’une de ces particularités est précisément la compression Gzip. Il suffit de changer la valeur de 0 à 1 et d’enregistrer les modifications pour que la compression Gzip soit activée.
Eliminer les appels PHP inutiles
Il est souvent critiqué, à juste titre, que les systèmes de gestion de contenu dynamique se chargent plus lentement que les sites web créés uniquement avec des fichiers HTML simples.
Cela est dû à ce dont nous avons discuté à de nombreuses reprises, ce n’est pas la même chose que de charger directement un fichier texte avec seulement du code, votre gestionnaire de contenu doit interpréter le code PHP (qui sont programmés avec le CMS principal, y compris WordPress) et effectuer une recherche dans chacune des tables de la base de données pour savoir ce qui doit être affiché dans chaque partie de vos pages.
Ce processus prend bien sûr du temps, des millisecondes, mais si vous devez effectuer de nombreuses requêtes (ou appels) dans la base de données, il faut finalement quelques secondes pour charger complètement votre site web.
Quoi qu’il en soit, vous pouvez réduire ces “appels” de votre WordPress – ou de tout autre système de gestion de contenu que vous utilisez – à la base de données.
Une pratique très courante consiste à installer un système de cache, qui prend des “instantanés” de votre site web pour les afficher au lieu de générer les requêtes nécessaires à chaque visite, mais parfois ces systèmes sont trop compliqués à configurer et de mauvais réglages peuvent provoquer l’effet inverse de celui que vous recherchez.
Ce que vous pouvez facilement faire est de supprimer les appels PHP qui ne sont pas vraiment nécessaires, comme la version de WordPress utilisée, et quelques autres.
Ces appels inutiles, et leur emplacement dans vos fichiers de thème WordPress, sont les suivants :
<?php language_attributes() ; ?> trouvé dans header.php.
<?php bloginfo(‘html_type’) ; ?> est situé dans header.php.
<?php bloginfo(‘charset’) ; ?> trouvé dans header.php.
<?php bloginfo(‘name’) ; ?> se trouve à plusieurs endroits dans le thème, remplacez-le par le titre réel choisi pour votre site web.
<meta name=”generator” content=”WordPress <?php bloginfo(‘version’) ; ?>” /> <!- laissez ceci pour les statistiques -> trouvé dans header.php. Si vous utilisez un autre système de statistiques, comme Google Analytics, vous n’avez pas à vous inquiéter, et si votre version de WordPress n’est pas à jour, vous ne voulez certainement pas que les pirates informatiques le sachent.
<?php bloginfo(‘stylesheet_url’) ; ?> est dans header.php, remplacez-le par l’URL de votre feuille de style.
<?php bloginfo(‘rss2_url’) ; ?> se trouve dans header.php, sidebar.php et footer.php. Il vous suffit de remplacer cet appel par l’URL complète de votre flux RSS.
<?php bloginfo(‘pingback_url’) ; ?> est dans header.php.
<?php bloginfo(‘stylesheet_directory’) ; ?> se trouve à plusieurs endroits dans le thème, remplacez-le par l’URL du dossier où se trouve la feuille de style du thème actif.
<?php bloginfo(‘description’) ; ?> se trouve à plusieurs endroits dans le thème. Il s’agit de la description de votre site web. Il est préférable de l’introduire manuellement avec les mots clés que vous avez choisis, ou de laisser le plugin SEO que vous utilisez le faire pour vous.
<?php bloginfo(‘commentaires_rss2_url’) ; ?> se trouve dans sidebar.php et footer.php.
<!- <?php echo get_num_queries() ; ?> queries. <?php timer_stop(1) ; ?> secondes. -> se trouve parfois dans footer.php. Ce commentaire HTML est rarement utilisé par quiconque, bien qu’il soit utile pour les programmeurs.
Activez le cache de WordPress
Ce que de nombreux utilisateurs de WordPress ignorent, c’est qu’avant d’installer un plugin de cache, qui à son tour consommera de précieuses ressources d’hébergement, ils peuvent activer le système de cache natif de WordPress.
Pour ce faire, il suffit d’ajouter la ligne suivante au fichier wp-config.php :
define( ‘ENABLE_CACHE’, true ) ;
Activez LazyLoad
Il existe un système pour optimiser le chargement des sites web appelé LazyLoad qui affiche les images lorsque vous faites défiler la page.
De cette façon, le chargement initial de votre site est très rapide, car seules les images qui seront vues dans le premier bloc visible de votre site sont chargées, et il ne charge les images que lorsque le visiteur fait défiler le reste de votre page.
Dans WordPress, il est très facile d’activer le système LazyLoad en installant des plugins tels que ceux qui suivent :
BJ Lazy Load : chargement séquentiel d’images et d’iframes.
Lazy Load : n’applique le système qu’aux images.
Rocket Lazy Load : ce plugin applique le système sans utiliser de codes de script propres, ce qui le rend très léger.
WP YouTube Lyte : Plugin qui applique l’effet LazyLoad aux vidéos YouTube, de sorte qu’il ne les charge que lorsque l’on clique sur la vidéo pour la visionner.
Mise à jour de WordPress
La chose la plus importante que vous puissiez faire avec n’importe quelle application web, comme WordPress, est peut-être de la maintenir toujours à jour. Les logiciels libres en particulier, qui sont maintenus par la communauté des utilisateurs, ont tendance à être mis à jour souvent, en intégrant une protection contre les vulnérabilités de sécurité et des améliorations de performance.
Gardez donc toujours votre installation WordPress (ou tout autre logiciel) à jour, ainsi que les thèmes et plugins que vous utilisez.
WordPress vous facilite également la vie, en vous permettant de faire des mises à jour en un clic, et même d’effectuer des mises à jour mineures de maintenance et de sécurité en arrière-plan pour vous, mais ne manquez pas les mises à jour importantes qui pourraient améliorer les performances et la sécurité de votre site web.
Maintenant, c’est à vous de faire 3 choses…
- Premièrement, appliquez les astuces que j’ai expliquées. Certaines d’entre elles vous sembleront peut-être insignifiantes, mais la somme des actions améliorera grandement le chargement de votre site web.
- Deuxièmement, dites-nous quelles sont vos astuces pour accélérer votre site web.
- Et troisièmement, posez toutes les questions que vous avez, c’est pour cela que nous sommes là.
Merci beaucoup d’avoir lu mon billet. J’espère que vous l’avez trouvé utile ?
Découvrez également :
- 15 outils pour choisir les gammes de couleurs dans la conception graphique et web
- Top 40 des plugins WordPress pour le référencement
- 20 excellents outils pour la conception de sites web et de blogs
- Les supports print pour une stratégie de communication pertinente
- 20 sites pour télécharger des images vectorielles gratuites : EPS, SVG, AI