Lorsque vous vous lancez vraiment dans le blogging, vous devez penser à beaucoup de choses. 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 des 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 arranger les choses.
Je ressens le besoin de vitesse
J’ai une obsession saine pour la vitesse. Vitesse de chargement de la page pour être plus précis (pas aussi glamour que Top Gun, certes, mais pas moins important pour 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 fois sur la façon d’augmenter la vitesse du site sur Themelocal.
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 la gestion quotidienne de mon blog que j’avais perdu de vue l’idée de fournir une expérience utilisateur de qualité au niveau le plus élémentaire (c’est-à-dire à quelle vitesse la page se charge). Après presque deux ans de vie, mon blog s’était enlisé à cause de mon obsession pour le peaufinage et ça se voyait vraiment.
Bien maîtriser les bases
Après avoir réalisé mon erreur, j’ai vérifié pour m’assurer que je faisais toujours les choses simples. Cela me ramène à mon article original ici sur Themelocal 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 le « fruit à 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 pouvez 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é à l’affaire pour moi. Lisez la suite pour découvrir ce que vous pourriez manquer.
Les effets secondaires des ajustements sans fin
Ma première étape a été de me diriger vers Pingdom et 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 à ce que vous voyez ci-dessus, mais c’est ce que vous trouverez ci-dessous qui nous intéresse vraiment :
C’est une partie d’une liste de toutes les demandes faites pour charger mon site – en substance, 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 succion (à défaut d’un mot plus approprié) :
Vous pouvez constater en triant la liste que certaines demandes sont entièrement redondantes. Vous pouvez également constater qu’il y a des demandes qui ne valent tout simplement pas la charge qu’elles mettent sur votre site. Le ciel est maintenant vraiment la limite quand 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.
Sonner les changements
Étant donné que vous avez déjà effectué les améliorations de base de la vitesse du site décrites ci-dessus, nous devons nous retrousser les 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 pouvez trouver que les plugins que vous faire l’utilisation en valent à peine la peine.
Bien que je sois 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 êtes susceptible 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 des chiffres précis ici – plutôt une indication claire de tous les plugins qui s’avèrent être une ponction majeure sur les 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, cela devrait être une décision basée sur votre désir d’offrir une expérience utilisateur de qualité – les avantages introduits par le ou les plugins doivent l’emporter sur le temps de chargement supplémentaire.
Nettoyez vos modifications de code manuel
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 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és.
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 ne contient pas de code redondant. 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.
- Du code pour une « boîte similaire » sur Facebook qui prenait beaucoup plus de ressources que cela ne le justifiait.
- Certaines fonctions personnalisées dans mon fichier functions.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 réglages. S’ils sont particulièrement gourmands en ressources, je vous recommanderais d’examiner chargement asynchrone ce qui garantit que les scripts potentiellement gourmands n’empêchent pas le reste de la page de se charger.
Optimisez vos images
Il y a des images qui se chargent sur chaque page de votre site, comme celles de votre barre latérale et de votre logo. Il vaut la peine de s’assurer qu’ils sont 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 puissiez supporter (applicable au jpeg uniquement). J’ai trouvé que l’enregistrement d’une image avec 70 à 80 % d’optimisation est un bon endroit.
- Optimisation sans perte : exécutez vos images via un plugin comme Compression d’image Smush afin qu’ils soient encore plus compressés 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 un peu 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 livraison 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 site hébergé sur un serveur dédié associé à un réseau CDN. Notre propre AJ Clarke recommande le CloudFlare communauté pour augmenter la vitesse de chargement et sécurité croissante.
Il n’entre pas dans le cadre de cet article de détailler les avantages et les inconvénients des différents fournisseurs d’hébergement, je vous conseillerais donc de commencer par apporter les modifications recommandées dans cet article. Si vous avez envie de plus, contactez votre hébergeur et demandez-lui conseil sur l’amélioration de votre pack d’hébergement et/ou l’intégration de CDN.
Si vous avez des questions, veuillez vous éloigner dans la section commentaires ci-dessous!