La démangeaison d'un an de votre blog (et que faire)

Lorsque vous vous lancez vraiment dans le blogging, il y a beaucoup de choses à penser. La gestion d’un site Web nécessite votre attention à plusieurs niveaux : contenu, marketing, conception, etc.

Dans cet esprit, il n’est pas surprenant que vous puissiez perdre de vue certains principes fondamentaux de la gestion d’un blog. J’appelle cela la « démangeaison d’un an ». Ce moment où vous êtes devenu tellement impliqué dans la gestion quotidienne de votre site que vous en oubliez certaines des choses les plus importantes.

C'est exactement la position dans laquelle je me suis retrouvé récemment, mais heureusement, je me suis éloigné du bois pour voir les arbres et je me suis remis sur la bonne voie. Dans cet article, je veux expliquer ce que vous avez peut-être perdu de vue et vous montrer comment y remédier.

Je ressens le besoin de vitesse

J'ai une saine obsession pour la vitesse. Vitesse de chargement des pages pour être plus précis (pas aussi glamour que Top Gun, certes, mais non moins importante de ce fait).

Je comprends l'impact que la vitesse de chargement peut avoir sur l'expérience utilisateur et, en fin de compte, sur vos résultats. En fait, nous avons déjà écrit à plusieurs reprises sur la façon d’augmenter la vitesse du site ici sur WPExplorer.

Et pourtant j’avais perdu de vue l’importance de la vitesse de chargement des pages sur mon propre blog. J'étais tellement absorbé par le fonctionnement quotidien de mon blog que j'avais perdu de vue l'offre d'une expérience utilisateur de qualité au niveau le plus élémentaire (c'est-à-dire la rapidité de chargement de la page). Après presque deux ans d'existence, mon blog s'était enlisé à cause de mon obsession du peaufinage et cela se voyait vraiment.

Bien maîtriser les bases

Après avoir réalisé mon erreur, j’ai vérifié que je parvenais toujours à bien comprendre les choses simples. Cela me ramène à mon article original ici sur WPExplorer sur la vitesse du site dans lequel j'ai couvert les points suivants :

Mesurer la vitesse du site
Mise en cache
Optimisation des images
Chargement paresseux

C’est ce que j’aime appeler les « fruits à portée de main » lorsqu’il s’agit d’améliorer la vitesse du site. Ils sont rapides et faciles à mettre en œuvre. Mais je savais que j’avais des problèmes plus fondamentaux en ce qui concerne la vitesse de chargement de mon site. Il était temps de creuser un peu plus.

Si vous êtes coupable d'avoir peaufiné votre site, vous risquez d'avoir des éléments redondants et/ou indignes dans vos pages Web qui ralentissent considérablement votre site. C'est ce que j'ai trouvé pour moi. Lisez la suite pour découvrir ce qui vous manque peut-être.

Les effets secondaires des ajustements sans fin

Ma première étape a été de me rendre sur Pingdom et de tester le temps de chargement de ma page d'accueil. Ce n’était pas joli – le temps de chargement était d’environ 5 secondes – plus lent qu’environ 80 % des autres sites Web selon leurs statistiques.

Cependant, une fois mes réglages terminés, le résultat était bien meilleur :

Le processus que j’ai suivi pour améliorer la vitesse de mon site était extrêmement simple. Si vous gérez votre propre site via Pingdom, vous obtiendrez un rapport similaire à celui que vous voyez ci-dessus, mais c'est ce que vous trouverez ci-dessous qui nous intéresse vraiment :

Il s'agit d'une partie d'une liste de toutes les demandes faites pour charger mon site – essentiellement, le nombre de fichiers différents qui ont été chargés pour produire la page Web dans son intégralité. Par défaut, ils sont triés selon l’ordre dans lequel ils ont été chargés (qui est généralement l’ordre dans lequel ils sont appelés dans le code source de la page), ce qui est un ordre logique mais pas le plus utile pour nous.

Ce que vous devez faire est de cliquer sur la liste déroulante en haut de la liste et de sélectionner « Trier par taille de fichier ». Vous avez maintenant une liste des fichiers qui gâchent la vie de votre site, par ordre de gravité (faute d'un mot plus approprié) :

En triant la liste, vous constaterez peut-être que certaines requêtes sont entièrement redondantes. Vous constaterez peut-être également que certaines demandes ne valent tout simplement pas la charge qu’elles imposent à votre site. Il n’y a désormais plus de limite lorsqu’il s’agit de réduire votre site à une forme plus élégante.

Avec ces nouvelles informations, vous pouvez commencer à supprimer et à optimiser les fichiers qui posent plus de problèmes qu’ils n’en valent la peine.

Annoncer les changements

Sur la base que vous avez déjà apporté les améliorations de base à la vitesse du site évoquées ci-dessus, nous devons retrousser nos manches et nous salir un peu plus.

Nettoyez vos plugins

Ma première recommandation serait de vérifier vos plugins. Si vous utilisez votre site depuis un certain temps, vous constaterez sûrement qu'il y a des plugins installés sur votre site que vous n'utilisez même plus. Alternativement et/ou en plus, vous constaterez peut-être que les plugins que vous<i> utilisez en valent à peine la peine.

Même si je serais le premier à dire que le nombre de plugins que vous avez installés sur votre site n'est pas le facteur principal (c'est la charge que ces plugins placent sur votre site qui compte), il est juste de dire que moins vous avez de plugins. installé, plus vous risquez d'être victime d'un processus gourmand en ressources.

Je vous recommande d'installer et de lancer le Plugin Performance Profiler. Cette petite beauté analysera plusieurs pages de votre site et fournira une estimation de l'effet de chaque plugin sur votre vitesse de chargement globale. Voici à quoi ressemblait mon rapport :

Je vous recommande d'exécuter 3 à 4 rapports pour obtenir une meilleure image globale des performances, car les résultats peuvent varier. Nous ne recherchons pas vraiment de chiffres précis ici – mais plutôt une indication claire de tous les plugins qui s’avèrent être une perte majeure de ressources.

La prochaine étape logique consiste à décider si vous pouvez justifier la désinstallation de l’un de vos plugins. En fin de compte, cette décision doit être basée sur votre désir d'offrir une expérience utilisateur de qualité : les avantages introduits par le(s) plugin(s) doivent compenser le temps de chargement supplémentaire.

Nettoyez vos modifications manuelles du code

Si vous avez apporté des modifications manuelles aux fichiers PHP de votre thème, j'espère que vous l'avez fait avec un thème enfant, sinon ce processus sera potentiellement un peu un casse-tête. Sinon, votre première étape devrait être de créer un thème enfant et d’y déplacer tous vos fichiers de thème personnalisé.

En supposant que vous ayez un thème enfant (d’une manière ou d’une autre), votre tâche consiste maintenant à parcourir chaque fichier du dossier de votre thème et à vérifier qu’il n’y a pas de code redondant à l’intérieur. Voici ce que j'ai trouvé dans mes fichiers :

Des références à des polices Google que je n'utilise plus (en fait, je ne l'ai jamais fait – je ne faisais que jouer avec elles).
Un morceau de code pour certains boutons de partage social sur une page de mon blog qui était chargé sur chaque page.
Un code pour une « boîte à likes » sur Facebook qui consommait bien plus de ressources qu'il ne le justifiait.
Certaines fonctions personnalisées de mon fichier function.php qui n'étaient plus utilisées.

Dans certains cas, vous pouvez supprimer ces éléments sans effets secondaires négatifs. Dans d'autres cas, vous souhaiterez peut-être conserver les fonctionnalités introduites par vos modifications. S'ils sont particulièrement gourmands en ressources, je vous recommande de vous pencher sur le chargement asynchrone qui garantit que les scripts potentiellement gourmands n'empêchent pas le chargement du reste de la page.

Optimisez vos images

Certaines images se chargent sur chaque page de votre site, comme celles de votre barre latérale et de votre logo. Il est utile de veiller à ce qu'ils soient aussi petits que possible, car leur taille combinée peut être assez considérable.

Le processus d'optimisation doit être divisé en deux étapes :

Optimisation avec perte : à l'aide du logiciel d'édition graphique de votre choix, enregistrez votre fichier avec le plus grand nombre d'optimisations avec perte que vous pouvez supporter (applicable au jpeg uniquement). J'ai trouvé que sauvegarder une image avec 70 à 80 % d'optimisation est un bon point idéal.
Optimisation sans perte : exécutez vos images via un plugin tel que Smush Image Compression afin qu'elles soient encore plus compressées sans aucune perte de qualité d'image.

L’optimisation de vos images peut faire une énorme différence sans aucun impact perceptible sur l’expérience utilisateur, c’est donc une évidence.

Prochaines étapes

Vous devriez pouvoir réduire considérablement la vitesse de chargement avec les mesures ci-dessus, mais vous pouvez bien sûr aller encore plus loin.

Par exemple, l’hébergement et la diffusion de contenu peuvent faire une énorme différence dans les temps de chargement. Un site Web hébergé sur un serveur partagé ne sera jamais complet avec un autre hébergé sur un serveur dédié associé à un réseau CDN. Notre propre AJ Clarke recommande la communauté CloudFlare pour accélérer la vitesse de chargement et accroître la sécurité.

Cet article n'entre pas dans le cadre de détailler les avantages et les inconvénients des différents fournisseurs d'hébergement. Je vous conseille donc de commencer par apporter les modifications recommandées dans cet article. Si vous en voulez plus, contactez votre fournisseur d'hébergement et demandez-lui conseil pour améliorer votre pack d'hébergement et/ou intégrer CDN.

Si vous avez des questions, n'hésitez pas à les poser dans la section commentaires ci-dessous !