Lorsque vous vous lancez vraiment dans la création de blogs, il y a beaucoup à 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 des principes fondamentaux de la gestion d’un blog. J’appelle cela le «One Year Itch». Ce moment où vous êtes devenu si impliqué dans la gestion quotidienne de votre site que vous 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 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. La vitesse de chargement de la page pour être plus spécifique (pas aussi glamour que Top Gun, d’accord, mais non moins importante pour ce fait).

Je comprends l’impact que la vitesse de chargement peut avoir sur l’expérience utilisateur et finalement 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 la fourniture d’une expérience utilisateur de qualité au niveau le plus élémentaire (c’est-à-dire la vitesse à laquelle la page se charge). Après près de deux ans de vie, mon blog s’était enlisé à cause de mon obsession pour le peaufinage et c’était vraiment visible.

Bien comprendre 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:

  • Mesure de la vitesse du site
  • Mise en cache
  • Optimisation d’image
  • 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 de peaufiner 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é 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 testez 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 que j’ai terminé mes ajustements, 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:

Une capture d'écran des demandes de page.

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), 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 aspirent la vie de votre site par ordre de succion (faute d’un mot plus approprié):

Les plus grosses demandes de mon site.

Vous constaterez peut-être lors du tri de la liste que certaines demandes sont entièrement redondantes. Vous pouvez également constater que certaines demandes ne valent tout simplement pas la charge qu’elles mettent sur votre site. Le ciel est maintenant vraiment la 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.

Sonner les changements

Sur la base que vous avez déjà effectué les améliorations de base de la vitesse du site décrites ci-dessus, nous devons retrousser nos manches et devenir un peu plus sales.

Nettoyez vos plugins

Ma première recommandation serait de vérifier vos plugins. Si vous exécutez 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 vaut à 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 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:

Résultats du Plugin Performance Profiler.

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 cherchons pas vraiment de chiffres précis ici, mais 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 (s) plugin (s) doivent l’emporter sur le temps de chargement supplémentaire.

Nettoyez vos modifications de code manuelles

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és.

Dans l’hypothèse où vous avez un thème enfant (par un moyen ou un autre), votre tâche est maintenant de parcourir chaque fichier dans le dossier de votre thème et de vérifier qu’il n’y a pas de code redondant contenu dans. 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 – j’étais juste en train de 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» Facebook qui prenait beaucoup plus de ressources que ce qu’il 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 que vos modifications ont introduites. S’ils sont particulièrement gourmands en ressources, je vous recommanderais de vous pencher sur chargement asynchrone ce qui garantit que tout script potentiellement gourmand n’empêche pas le chargement du reste de la page.

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 est avantageux de s’assurer que ceux-ci 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:

  1. Optimisation avec perte: à l’aide d’un logiciel d’édition graphique de votre choix, enregistrez votre fichier avec le plus d’optimisation avec perte que vous pouvez supporter (applicable uniquement au jpeg). J’ai trouvé que sauvegarder une image avec 70 à 80% d’optimisation est un bon point de départ.
  2. Optimisation sans perte: exécutez vos images via un plugin comme Compression d’image Smush afin qu’ils soient encore 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 évident.

Prochaines étapes

Vous devriez être capable de 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 complété par un autre hébergé sur un serveur dédié en partenariat avec un réseau CDN. Notre propre AJ Clarke recommande le CloudFlare communauté pour augmenter la vitesse de chargement et accroître la sécurité.

Ce n’est 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 conseille donc de commencer par apporter les modifications recommandées dans cet article. Si vous avez envie de plus, contactez votre fournisseur d’hébergement et demandez-lui son avis sur l’amélioration de votre pack d’hébergement et / ou l’intégration de CDN.

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

Share: