17 conseils efficaces pour réduire le temps de chargement des pages de blog

Publié: 2020-11-10

Imaginez visiter un site où le chargement de chaque page prend plusieurs secondes.

Frustrant, n'est-ce pas?

La vérité est que de nombreux blogueurs négligent la vitesse de chargement de leur site Web car ils se chargent d'éléments visuels sophistiqués - des carrousels d'images aux widgets interactifs.

Ce n'est pas la manière d'impressionner votre public.

Ce dont ils ont besoin, c'est d'un blog qui se charge rapidement, maximise la lisibilité et fournit les informations qu'ils veulent pronto.

Discutons de la façon de leur donner ce qu'ils veulent.

Le guide ultime de l'optimisation de la vitesse de chargement des blogs

  • 1. Pourquoi la vitesse de chargement des pages est-elle importante
    • 1.1 Conserver plus de trafic
    • 1.2 Augmenter les conversions
    • 1.3 Classement plus élevé des moteurs de recherche
  • 2. Comment tester la vitesse de chargement du site Web
  • 3. Comment réduire le temps de chargement du blog
    • 3.1 Supprimer les plugins indésirables
    • 3.2 Recherchez des plugins qui en font plus
    • 3.3 Mettez à niveau votre plan d'hébergement
    • 3.4 Choisissez un meilleur thème
    • 3.5 Optimisez vos images
    • 3.6 Désactiver le Hotlinking
    • 3.7 Investir dans un CDN
    • 3.8 Réduisez vos codes
    • 3.9 Éviter les ressources bloquant le rendu
    • 3.10 Réduisez le nombre de messages sur votre page d'accueil
    • 3.11 Ne pas inonder les lecteurs d'annonces
    • 3.12 Nettoyer votre serveur
    • 3.13 Activer la mise en cache du site Web
    • 3.14 Utiliser la compression GZIP
    • 3.15 Optimiser la base de données de votre site Web
    • 3.16 Optimiser les commentaires des utilisateurs
    • 3.17 Optimisation de la concentration sur vos pages principales
  • 4. Conclusion

Pourquoi la vitesse de chargement des pages est-elle importante

En plus d'une expérience utilisateur améliorée, une vitesse de chargement rapide présente également de nombreux avantages d'un point de vue marketing.

Conserver plus de trafic

Les statistiques montrent qu'environ 40% des utilisateurs quitteraient un site dont le chargement échouait en trois secondes ou moins. Ce chiffre grimpe à 53% si nous parlons d' utilisateurs mobiles.

taux d'abandon des utilisateurs en 3 secondes
  • sauvegarder

Et vous vous demandez pourquoi votre blog a un taux de rebond si abyssal.

Si vous continuez à ignorer la vitesse de chargement de votre blog, vous réduisez essentiellement de moitié votre potentiel de trafic.

Augmenter les conversions

Saviez-vous qu'un délai d'une seconde dans les temps de chargement entraîne une baisse de 7% des conversions?

Pour mettre les choses en perspective, cela représente une perte de 7 $ chaque fois que vous obtenez des conversions d'une valeur de 100 $.

effet d'un délai de 1 seconde
  • sauvegarder

Cela peut ne pas sembler énorme, mais rappelez-vous que les sites Web de vos concurrents ne sont qu'à quelques clics.

Une fois que les lecteurs sont passés à un autre blog avec une meilleure expérience utilisateur, ils peuvent ne jamais regarder en arrière.

Classement plus élevé des moteurs de recherche

Au cas où vous ne le sauriez pas, les moteurs de recherche comme Google sont très particuliers en matière d'expérience utilisateur.

C'est pourquoi ils considèrent la vitesse de chargement comme un facteur de classement important non seulement pour les ordinateurs de bureau, mais également pour les sites Web mobiles.

vitesse et référencement
  • sauvegarder

Si vous ne connaissez pas le terme SEO ou Search Engine Optimization , je vous suggère de commencer à apprendre en utilisant cet article.

Pour l'instant, permettez-moi de vous montrer la prochaine étape pour obtenir des performances de blog de premier ordre: mesurer la vitesse de chargement réelle de votre blog.


Comment tester la vitesse de chargement du site Web

Vous pensez peut-être que votre site Web fonctionne déjà assez rapidement, mais seul un outil comme PageSpeed ​​Insights de Google peut le prouver.

En termes simples, il s'agit d'un outil d'optimisation des performances qui analyse la vitesse de votre site Web, détecte les problèmes qui affectent la vitesse et fournit une liste de suggestions ainsi que des ressources utiles.

Pour utiliser PageSpeed ​​Insights, saisissez l'URL de votre blog, puis cliquez sur "Analyser".

informations sur la vitesse de page
  • sauvegarder

Donnez simplement à PageSpeed ​​Insights quelques secondes pour opérer sa magie.

Une fois terminé, la première chose que vous trouverez est une évaluation approfondie des performances de votre site Web, y compris votre score de vitesse, les facteurs qui affectent la vitesse de chargement et la latence estimée ou le délai avant que les entrées des utilisateurs puissent être enregistrées.

pagespeed insights résultats
  • sauvegarder

Vous pouvez également utiliser PageSpeed ​​Insights pour les performances mobiles en passant à l'onglet «Mobile» . L'outil devrait immédiatement vous présenter un rapport différent qui reflète les performances de votre blog sur les smartphones et les tablettes.

pagespeed insights pour mobile
  • sauvegarder

Vous avez déjà trouvé vos scores de vitesse?

À partir de maintenant, je vous conseille de les utiliser comme principal moyen de mesurer les performances de votre site Web.

Votre objectif est simple: effectuer autant d'optimisations que nécessaire pour atteindre l'extrémité «rapide» de l'échelle de score de vitesse.

Laissez-moi vous montrer de quoi je parle.

échelle de score de vitesse
  • sauvegarder

Vous pouvez lire quelque part qu'un score de vitesse d'au moins 85 est suffisant, ce qui est en fait tout à fait vrai étant donné que même les grands sites comme Facebook ont ​​des scores inférieurs à 90.

Score de vitesse Facebook
  • sauvegarder

Mais en tant que marque en herbe essayant de faire une brèche dans votre créneau, se contenter de « assez bien » n'est jamais une option.

Vous devez toujours saisir les opportunités qui vous aideront à devancer la concurrence.

Améliorer l'expérience utilisateur sur votre site Web en augmentant votre vitesse de chargement est l'une de ces opportunités.

Prêt pour la prochaine étape? Alors allons-y.


Comment réduire le temps de chargement du blog

Maintenant que nous avons couvert le « pourquoi » de l'optimisation de la vitesse de chargement des pages, il est temps de parler du « comment » . "

Si vous connaissez une chose ou deux sur le développement Web, l'application des recommandations présentées dans PageSpeed ​​Insights devrait stimuler votre campagne d'optimisation des performances. Vous devriez pouvoir les trouver juste en dessous de la section « Lab Data ».

opportunités de pagespeed insights
  • sauvegarder

Naturellement, les suggestions que vous obtiendrez sur PageSpeed ​​Insights dépendent de l'état général de votre site Web. Cependant, la plupart des recommandations d'optimisation courantes seront incluses dans la liste des stratégies que j'ai rassemblées ci-dessous.

Sans plus tarder, voici les étapes éprouvées pour un blog beaucoup plus rapide et rentable:


1. Supprimer les plugins indésirables

Les plates-formes de publication de blogs et les systèmes de gestion de contenu comme WordPress prennent généralement en charge des tonnes de plugins prêts à l'emploi, ce qui facilite la mise en œuvre de toutes sortes de fonctionnalités.

Vous pouvez proposer un widget de réservation en ligne, créer des formulaires d'inscription personnalisés, créer des pages de destination impressionnantes - sans écrire une seule ligne de code en permanence. Utilisez simplement la barre de recherche intégrée pour trouver rapidement un plugin qui répond à vos besoins.

recherche de plugins wordpress
  • sauvegarder

Parlez de commodité.

Cependant, l'utilisation de plugins peut être une épée à double tranchant.

Vous ne pouvez pas simplement charger votre site Web avec autant de plugins que vous le souhaitez.

Trop de plugins dans une page peuvent consommer des ressources serveur et ralentir votre site jusqu'à une exploration.

Si vous n'avez jamais prêté beaucoup d'attention à votre bibliothèque de plugins, il est probable que vous ayez installé des plugins redondants dotés de fonctionnalités de base similaires.

On pourrait penser que WordPress vous avertira si vous êtes sur le point d'installer plusieurs plugins du même type.

Ce n'est malheureusement pas le cas.

Jetez simplement un œil aux nombreux constructeurs de formulaires que je peux entasser dans mon tableau de bord WordPress:

plusieurs constructeurs de pages
  • sauvegarder

La bonne nouvelle est que les conflits entre plugins similaires peuvent être facilement résolus en désactivant ceux dont vous n'avez plus besoin.

Pour ce faire, développez le menu «Plugins» de votre tableau de bord et allez dans «Plugins installés». À partir de là, sélectionnez tous les plugins dont vous n'avez pas besoin et appliquez les commandes «Désactiver» ou «Supprimer» dans le menu déroulant «Actions en masse».

supprimer les plugins
  • sauvegarder

Mis à part les conflits entre des plugins similaires, certains plugins - en particulier ceux qui n'ont pas été testés avec votre version actuelle de WordPress - pourraient rendre votre tableau de bord se détraquer.

Vous pouvez éviter cela en installant un plugin à la fois tout en évitant les plugins « non testés ».

plugins non testés
  • sauvegarder

Si vous rencontrez des temps de chargement plus longs, des plantages ou d'autres problèmes sur votre tableau de bord WordPress, désactivez le dernier plugin que vous avez installé. Si le problème persiste, il est probablement causé par un autre plugin.

C'est alors que vous pouvez désactiver tous les plugins et les activer un par un jusqu'à ce que vous trouviez le coupable. Une fois que vous avez fait, envisagez de rechercher un plugin alternatif ou de le mettre à jour avec la dernière version.

2. Recherchez des plugins qui en font plus

Pendant que nous sommes sur les plugins, parlons rapidement de vos choix de plugins.

Dans WordPress, moins il y a de plugins, mieux c'est.

Autant que possible, recherchez des plugins qui peuvent porter plusieurs chapeaux plutôt que d'en installer un nouveau pour chaque fonctionnalité que vous souhaitez implémenter.

Par exemple, plutôt que d'utiliser des plugins séparés pour les formulaires de contact, les évaluations par étoiles, les critiques et la conception de page de destination, utilisez simplement un plugin comme Elementor Page Builder qui regroupe toutes ces fonctionnalités en une seule.

Générateur de pages Elementor
  • sauvegarder

Après avoir supprimé les plugins excédentaires de votre CMS, examinons un autre facteur qui peut ralentir le fonctionnement de votre site Web.

3. Mettez à niveau votre plan d'hébergement

Pour les nouveaux blogueurs, un plan d'hébergement d'un dollar pour votre site Web est vraiment difficile à résister.

Mais une fois que vous commencez à générer des centaines, voire des milliers de visiteurs par mois, vous comprendrez pourquoi les sociétés d'hébergement proposent des forfaits à ce prix.

Ralentissements fréquents, temps d'arrêt, support client médiocre - ce sont quelques-uns des inconvénients de choisir une solution d'hébergement Web bon marché. C'est principalement parce que les services d'hébergement à un dollar utilisent généralement du matériel serveur de base sous-alimenté.

"Si vous êtes sérieux au sujet des blogs, votre site Web mérite quelque chose de mieux que le plan d'hébergement le moins cher." - Ankit Singla

Faites vos recherches et recherchez des sociétés d'hébergement Web appuyées par de nombreuses critiques positives, telles que:

  • BlueHost
  • HostGator
  • SiteGround
  • WPXHosting

En cas de doute, vous pouvez utiliser un outil comme Pickuphost pour tester la vitesse de tout hôte que vous envisagez. Tout ce que vous avez à faire est de choisir votre fournisseur d'hébergement dans le menu déroulant, sélectionnez l'emplacement du serveur et cliquez sur «Démarrer le test».

Idéalement, vous devez choisir l'emplacement du serveur près de votre public cible.

test de vitesse pickuphost
  • sauvegarder

Vous remarquerez peut-être également que la plupart des sociétés d'hébergement proposent plusieurs forfaits, y compris partagés, Virtual Private Server ou VPS et dédiés.

Pour la plupart des blogs, un plan d'hébergement VPS devrait être plus que suffisant pour gérer les besoins en bande passante de votre site Web. Un plan d'hébergement partagé, en revanche, peut également être viable si vous n'obtenez pas encore des hordes de trafic.

Je recommande de commencer par un hébergement partagé et de passer à un plan VPS une fois le trafic de votre blog repris.

Peut-être que la seule raison de choisir l'hébergement dédié est si votre site propose également une boutique en ligne avec des centaines de produits. Dans ce cas, même un hôte VPS peut ne pas avoir la capacité de bande passante nécessaire pour maintenir votre boutique numérique en marche.

4. Choisissez un meilleur thème

En parlant de bande passante, vous pouvez réduire les besoins en bande passante de votre site Web en choisissant un thème plus simple et minimaliste.

Les utilisateurs de WordPress devraient immédiatement comprendre ce dont je parle.

Après tout, la bibliothèque de thèmes WordPress contient déjà plusieurs thèmes minimalistes gratuits. Même les concepteurs de thèmes tiers proposent des tonnes de thèmes légers qui peuvent améliorer les performances de votre site Web.

thèmes wordpress commerciaux
  • sauvegarder

La clé ici est de rechercher des thèmes qui ne sont pas parsemés de détails visuels inutiles, tels que des curseurs d'image, des animations et des effets CSS.

Vous pouvez vérifier ces éléments vous-même en prévisualisant les thèmes, qui est une fonctionnalité de base dans la plupart des marchés de thèmes, y compris le répertoire de thèmes WordPress.

aperçu du thème
  • sauvegarder

Les thèmes enfants Genesis de Studiopress font partie de mes thèmes préférés pour WordPress. Ils offrent des dizaines de thèmes minimalistes et adaptés aux mobiles qui sont également compatibles avec l' éditeur Gutenberg , qui est l'éditeur de contenu par défaut pour WordPress version 5.0 et ultérieure.

Plus important encore, ces thèmes vous aideront à atteindre des vitesses de chargement plus rapides pour votre site.

Pour en savoir plus sur les thèmes Genesis et leurs avantages, vous devez absolument consulter cette revue.

5. Optimisez vos images

Tous les éléments visuels qui ont un impact sur les performances de votre site Web ne sont pas intégrés à votre thème.

Chaque image que vous téléchargez sur votre site Web, qu'il s'agisse du logo de votre site Web, des images en vedette, des boutons ou des infographies, gonfle les besoins en bande passante de votre blog et affecte donc les performances.

Mais comme le contenu visuel est un incontournable dans chaque blog, vous ne pouvez pas non plus arrêter de pimenter vos articles avec des images. Au lieu de cela, vous pouvez utiliser un outil de compression d'image comme Kraken.io pour réduire la taille de vos images sans aucun changement notable de qualité.

kraken
  • sauvegarder

Kraken.io est livré avec un outil de compression sans perte gratuit basé sur le cloud qui peut optimiser les images en masse. Faites simplement glisser et déposez vos images dans l'outil ou téléchargez un dossier zippé pour lancer le processus de compression.

N'oubliez pas de régler le mode de compression sur « Sans perte » pour que les images finales ne soient pas floues.

comment faire une compression sans perte
  • sauvegarder

Pour les blogueurs auto-hébergés, vous pouvez augmenter la vitesse de WordPress avec un plugin comme WP Smush pour compresser toutes les images de votre bibliothèque multimédia en une seule fois. Cliquez simplement sur "Smush" dans votre tableau de bord et sur "Bulk Smush Now" pour commencer.

smush en vrac
  • sauvegarder

WP Smush vous donne également la possibilité de compresser automatiquement les images dès qu'elles sont téléchargées. Pour activer cette fonctionnalité, activez «Automatic Smush» dans la section «Paramètres» de l'interface du plugin.

smush automatique
  • sauvegarder

N'oubliez pas que la compression d'image n'est qu'une des choses que vous devriez faire si vous êtes un fan de contenu visuel - tout comme moi. A ce titre, je vous conseille vivement de lire mon guide détaillé sur l'optimisation d'image et le référencement.

blog images seo
  • sauvegarder

6. Désactivez la liaison à chaud

Même avec une compression sans perte en place, vos images peuvent encore accaparer les ressources de votre serveur et ralentir votre site en raison du hotlinking.

Il s'agit d'une pratique courante lorsqu'un autre site est directement lié à votre image ou fichier - leur permettant d'afficher ces ressources sur leur propre page.

Bien sûr, partager votre contenu sur d'autres sites Web est excellent lorsqu'il est fait de la bonne manière. Mais avec le hotlinking, ces sites utilisent finalement la bande passante que vous avez payée en extrayant le contenu de votre site.

C'est pourquoi le hotlinking est aussi communément appelé vol de bande passante .

Vous pouvez arrêter le hotlinking une fois pour toutes en ajoutant le code suivant à votre «fichier .htaccess»:

gzip on;

gzip_disable "msie6";

gzip_vary activé;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

application gzip_types / application javascript / application rss + xml / application vnd.ms-fontobject / application x-font / application x-font-opentype / application x-font-otf / application x-font-truetype / application x-font-ttf / application x-javascript / application xhtml + xml / police xml / police opentype / police otf / image ttf / image svg + xml / texte x-icon / texte css / texte javascript / texte brut / xml;

Pour ceux qui ne savent pas où trouver le fichier .htaccess de leur site Web, il se trouve sur le panneau de configuration de votre compte d'hébergement.

Ce que vous devez faire est de rechercher le « gestionnaire de fichiers » de votre service d'hébergement et d'accéder au dossier racine de votre site Web. Votre fichier .htaccess devrait être là avec une icône qui ressemble à un bloc-notes:

.htaccess
  • sauvegarder

7. Investissez dans un CDN

Vous en avez terminé avec la compression d'image et la prévention des liaisons directes?

Bien.

Et si je vous disais qu'il existe un moyen de rendre vos images encore plus rapides?

Avec un réseau de diffusion de contenu ou CDN, vous pouvez exploiter un réseau entier de serveurs proxy pour accélérer la vitesse de transfert des données de votre site Web vers les utilisateurs.

La meilleure partie est que les fournisseurs de services CDN veillent à ce que leurs serveurs soient répartis sur des sites clés dans le monde entier. Cela réduit considérablement le problème de latence que rencontrent normalement les visiteurs de régions éloignées.

réseau de diffusion de contenu
  • sauvegarder

Tout comme les hébergeurs Web, vous devez faire attention lorsque vous choisissez un CDN pour votre blog.

Ne vous inquiétez pas, j'ai créé une liste des meilleurs services CDN pour le blog WordPress que vous pouvez utiliser.

Je peux personnellement garantir MaxCDN, qui est, de loin, parmi les meilleurs CDN en termes de coût et de fonctionnalités.

8. Réduisez vos codes

Vos images ne sont pas les seules choses qui peuvent augmenter les besoins en bande passante de votre site Web.

Des codes tels que HTML, CSS et JavaScript peuvent également contribuer à la taille de vos pages Web.

Le correctif? Réduisez- les en supprimant tous les caractères inutiles dans le code, tels que les espaces blancs, les lignes supplémentaires et les commentaires.

Ces caractères n'affectent en aucun cas la fonction du code, mais augmentent sa taille de fichier. À leur tour, les navigateurs prendront plus de temps pour télécharger et exécuter le code lors du chargement de votre page.

espace blanc inutile
  • sauvegarder

Attendez une minute - cela signifie-t-il que vous devez parcourir chaque code de votre site pour supprimer les caractères inutiles un par un?

Calmez-vous.

Tout comme avec la compression d'image, il existe des outils que vous pouvez utiliser pour automatiser ce processus.

Minify Code, par exemple, est un outil gratuit qui peut couper vos codes en quelques secondes. Cela fonctionne pour tous les fichiers JavaScript, CSS et HTML que vous pouvez avoir sur votre site Web.

minifycode
  • sauvegarder

Si vous utilisez WordPress, une alternative consiste à utiliser un plugin comme W3 Total Cache, qui peut minimiser vos actifs de code d'un seul coup.

Une fois installé, cliquez sur «Performance» dans le tableau de bord principal et cliquez sur «Minify» pour afficher vos options.

tableau de bord minifycode
  • sauvegarder

Je recommande d'activer les paramètres suivants pour optimiser le code de votre site Web afin d'améliorer les performances:

  • Paramètres de réduction HTML
  • Paramètres de minification JS
  • Paramètres de réduction CSS
activer la minification du code
  • sauvegarder

Lisez ce didacticiel W3 Total Cache pour tous les paramètres optimaux.

9. Évitez les ressources bloquant le rendu

Puisque nous sommes sur le sujet des codes, passons à des choses plus avancées.

Si vous avez exécuté PageSpeed ​​Insights et qu'on vous a dit «d'éliminer les ressources bloquant le rendu», vous devrez peut-être mettre la main à la pâte avec du codage afin de maximiser les performances de votre blog.

éliminer les ressources bloquant le rendu
  • sauvegarder

En un mot, les ressources bloquant le rendu sont des codes qui empêchent le chargement du contenu HTML principal d'un site Web. Cela signifie que votre logo, vos menus, vos articles et d'autres éléments essentiels de votre page ne se chargeront que si les ressources problématiques sont chargées.

Les ressources bloquant le rendu peuvent être des feuilles de style, des importations HTML et divers scripts. PageSpeed ​​Insights devrait vous fournir une liste complète de ces codes:

liste des ressources bloquant le rendu
  • sauvegarder

Pour gérer les ressources bloquant le rendu, l'étape la plus simple consiste à déplacer JavaScript au bas du code HTML de votre site Web, juste avant la balise de fermeture "</body>".

Vous pouvez également utiliser l'attribut «defer» pour que le script ne se charge qu'après le chargement complet du code HTML. Cela peut être fait en insérant defer = ”defer” dans la balise “<script>”.

reporter la balise
  • sauvegarder

Consultez cet article pour plus d'informations sur les ressources de blocage de rendu et ce que vous pouvez faire pour les optimiser.

Bien sûr, vous pouvez toujours obtenir l'aide d'un développeur Web si vous ne vous sentez pas à l'aise avec les codes. Alternativement, vous pouvez utiliser un plugin comme Autoptimize pour différer automatiquement les scripts au pied de page de votre site Web - encore un autre plugin d'optimisation de la vitesse WordPress qui rend votre travail cent fois plus facile.

Optimiser automatiquement
  • sauvegarder

10. Réduisez le nombre de publications sur votre page d'accueil

Ensuite, parlons du nombre de messages affichés sur votre page d'accueil.

Les CMS comme WordPress et les plates-formes de publication de blogs ont souvent une pléthore de thèmes qui présentent les articles de blog dès le départ.

Si vous utilisez des images de haute qualité pour chaque publication, les utilisateurs auront inévitablement besoin de plus de temps pour charger votre page d'accueil.

Personnellement, je n'affiche que quatre articles sur ma page d'accueil pour faire bonne mesure:

quatre articles par page
  • sauvegarder

Certes, les navigateurs peuvent afficher les titres de vos articles de blog - y compris parfois une description ou les premières lignes de votre contenu - pendant le chargement des images. Mais cela diminue encore la fluidité globale de l'expérience utilisateur sur votre site Web.

Du côté positif, la plupart des plates-formes de sites Web et des CMS vous permettent de réduire le nombre de publications affichées sur votre page d'accueil.

Étant donné que les paramètres que vous devez modifier pour cela varient d'une plate-forme à l'autre, voyons simplement comment cela se fait sur WordPress.

Depuis le tableau de bord principal, cliquez sur «Paramètres» et accédez à la section «Lecture» .

Paramètre de lecture WordPress
  • sauvegarder

Vous devriez voir immédiatement le paramètre " Afficher les pages de blog au maximum ". N'hésitez pas à ajuster la valeur par défaut à un nombre plus petit et vérifiez si cela améliore la vitesse de chargement de votre site Web.

articles de blog affichés par page
  • sauvegarder

11. Ne pas inonder les lecteurs d'annonces

Bien que les aperçus de publication sur votre page d'accueil puissent affecter négativement votre vitesse de chargement, ils ont au moins un avantage positif pour l'expérience de vos lecteurs.

Les annonces, cependant, ne le font souvent pas.

S'il est vrai que les publicités sont vraiment utiles pour monétiser un blog, vos lecteurs n'apprécieront probablement pas que vous perturbiez leur expérience avec plusieurs publicités sur une seule page. Plus important encore, la mise en place d'annonces dans chaque coin de votre site Web entraînera une baisse de ses performances.

annonces et vitesse du site
  • sauvegarder

Cela dit, il est préférable de laisser votre public se concentrer sur les éléments importants de votre blog et de réduire au minimum les publicités.

Pour ma part, je ne suis pas disposé à compromettre l'expérience de mes lecteurs pour un revenu supplémentaire - comme vous pouvez le voir sur mon site Web avec absolument aucune publicité.

aucune annonce
  • sauvegarder

Si j'étais vous, je donnerais la priorité aux liens d'affiliation comme principale stratégie de monétisation. Ce sont des liens contextuels pointant vers des produits ou services qui peuvent être utiles aux utilisateurs.

Comment gagner de l'argent avec le marketing d'affiliation?

Bonne question.

Vous pouvez vous référer à mon guide de marketing d'affiliation si vous êtes intéressé.

12. Nettoyez votre serveur

À ce stade, vous devriez déjà avoir saisi la corrélation entre la vitesse de chargement et la quantité d'encombrement sur votre site Web.

C'est vraiment simple: si vous gardez votre blog minimaliste et léger, les navigateurs ne prendront pas beaucoup de temps pour tout charger et présenter aux utilisateurs.

Soyez toujours prudent lorsque vous ajoutez plus d'éléments à votre site Web, qu'il s'agisse de contenu visuel, de scripts ou de publicités. Dans le même temps, assurez-vous que votre compte d'hébergement dispose encore de suffisamment d'espace disque pour que votre site Web fonctionne parfaitement.

Votre compte d'hébergement doit avoir un outil intégré qui vous permet de suivre votre utilisation globale du disque. Pour vous donner une idée, voici une capture d'écran de l'outil d' utilisation de l'espace disque de SiteGround:

outil d'utilisation du disque
  • sauvegarder

Si votre compte d'hébergement manque d'espace, voici certaines des choses que vous pouvez faire:

  • Déplacer les sauvegardes sur un lecteur local
    Les sites Web plus anciens ont tendance à avoir des gigaoctets de sauvegardes stockées sur leur serveur d'hébergement. Les télécharger sur un lecteur local et les supprimer de votre serveur est un excellent moyen de libérer de l'espace.
  • Supprimer les comptes inactifs
    Si vous avez des comptes inactifs dans votre plan d'hébergement, supprimez-les définitivement pour vous économiser beaucoup d'espace disque. Puisqu'il s'agit d'un processus irréversible, envisagez de créer une sauvegarde locale du compte avant la suppression.
  • Supprimer les fichiers .TMP
    Votre plate-forme de site Web ou CMS peut générer des fichiers temporaires à partir de tâches telles que les mises à jour de plugins et le suivi des données de session. Il devrait être sûr de les supprimer, mais cela ne fera pas de mal non plus de créer une sauvegarde hors ligne de votre dossier «tmp» pour des raisons de sécurité.

En cas de doute, contactez le support client de votre fournisseur de services d'hébergement pour savoir comment économiser de l'espace disque.

13. Activer la mise en cache du site Web

Compresser des images, réduire le code, minimiser les publicités, nettoyer votre compte d'hébergement - la vitesse de chargement de votre site Web devrait être aussi rapide que jamais avec ces stratégies.

Mais ne vous détendez pas encore. Nous avons encore quelques stratégies à discuter pour augmenter encore plus la vitesse de chargement de votre site Web.

Avec la mise en cache du site Web, votre blog peut se charger presque instantanément pour les visiteurs qui reviennent.

La mise en cache du site Web fonctionne en permettant le stockage temporaire de données, y compris des scripts, des images, des fichiers multimédias et d'autres formes de contenu téléchargeable - réduisant ainsi le nombre de requêtes HTTP qu'un navigateur doit effectuer.

Pour implémenter la mise en cache du site Web, la méthode longue consiste à insérer le code suivant en haut du fichier .htaccess de votre site Web:

## EXPIRE LA CACHING ##

<IfModule mod_expires.c>

Expire Actif le

ExpiresByType image / jpg "accès 1 an"

ExpiresByType image / jpeg "accès 1 an"

ExpiresByType image / gif "accès 1 an"

ExpiresByType image / png "accès 1 an"

ExpiresByType text / css "accès 1 mois"

ExpiresByType text / html "accès 1 mois"

ExpiresByType application / pdf «accès 1 mois»

ExpiresByType text / x-javascript "accès 1 mois"

ExpiresByType application / x-shockwave-flash "accès 1 mois"

ExpiresByType image / x-icon "accès 1 an"

Expire par défaut "accès 1 mois"

</IfModule>

## EXPIRE LA CACHING ##

Si vous le souhaitez, vous pouvez définir des délais différents avant l'expiration de certains caches. Par exemple, si vous souhaitez réduire le délai d'expiration des caches d'images PNG à 1 mois, modifiez simplement la ligne «ExpiresByType image / png» en:

ExpiresByType image / png "accès 1 mois "

Encore une fois, les utilisateurs de WordPress peuvent utiliser des outils pour faire de cette stratégie d'optimisation un jeu d'enfant. En fait, nous sommes déjà passés par le plugin même dont vous avez besoin - W3 Total Cache.

Pour revenir au sous-menu `` Performance '' de votre tableau de bord WordPress, rendez-vous sur ` ` Cache de page '', cochez la case `` Page de messages de cache '' .

page de messages de cache
  • sauvegarder

14. Utilisez la compression GZIP

Avant de fermer W3 Total Cache et de poursuivre avec les dernières stratégies restantes de ce guide, vous devez faire une dernière chose.

Dans le sous-menu «Performance» , dirigez-vous vers «Cache du navigateur» et cochez l'option «Activer la compression HTTP (gzip)» .

activer la compression GZIP
  • sauvegarder

La compression GZIP améliore la vitesse de téléchargement des fichiers texte en réduisant leur taille - pas trop différente du processus de compression de vos fichiers locaux dans un dossier zippé. La principale raison pour laquelle la compression GZIP est largement adoptée pour l'optimisation de la vitesse des sites Web est qu'elle est prise en charge nativement par HTTP à partir de la version 1.1.

Si vous n'utilisez pas WordPress ou toute autre plate-forme dotée de modules complémentaires liés à GZIP, vous devrez l'activer de la manière traditionnelle: modifier le fichier .htaccess de votre site Web .

Parce que vous savez déjà où trouver votre fichier .htaccess, il ne reste plus que le code qui active la compression GZIP sur votre site Web.

Allez - copiez et collez.

Serveurs Apache

<IfModule mod_deflate.c>

# Compresser HTML, CSS, JavaScript, Texte, XML et polices

AddOutputFilterByType application DEFLATE / javascript

AddOutputFilterByType application DEFLATE / rss + xml

AddOutputFilterByType application DEFLATE / vnd.ms-fontobject

AddOutputFilterByType application DEFLATE / police x

AddOutputFilterByType application DEFLATE / x-font-opentype

AddOutputFilterByType application DEFLATE / x-font-otf

AddOutputFilterByType application DEFLATE / x-font-truetype

AddOutputFilterByType application DEFLATE / x-font-ttf

AddOutputFilterByType application DEFLATE / x-javascript

AddOutputFilterByType application DEFLATE / xhtml + xml

AddOutputFilterByType application DEFLATE / xml

AddOutputFilterByType DEFLATE police / opentype

AddOutputFilterByType DEFLATE police / otf

AddOutputFilterByType DEFLATE police / ttf

AddOutputFilterByType DEFLATE image / svg + xml

AddOutputFilterByType DEFLATE image / icône x

AddOutputFilterByType DEFLATE texte / css

AddOutputFilterByType DEFLATE texte / html

AddOutputFilterByType DEFLATE text / javascript

AddOutputFilterByType DEFLATE text / plain

AddOutputFilterByType DEFLATE texte / xml

# Supprimer les bogues du navigateur (nécessaire uniquement pour les navigateurs vraiment anciens)

BrowserMatch ^ Mozilla / 4 gzip-only-text / html

BrowserMatch ^ Mozilla / 4 \ .0 [678] no-gzip

BrowserMatch \ bMSIE! No-gzip! Gzip-only-text / html

En-tête ajouter Vary User-Agent

</IfModule>

Serveurs NGINX

gzip on;

gzip_disable "msie6";

gzip_vary activé;

gzip_proxied any;

gzip_comp_level 6;

gzip_buffers 16 8k;

gzip_http_version 1.1;

application gzip_types / application javascript / application rss + xml / application vnd.ms-fontobject / application x-font / application x-font-opentype / application x-font-otf / application x-font-truetype / application x-font-ttf / application x-javascript / application xhtml + xml / police xml / police opentype / police otf / image ttf / image svg + xml / texte x-icon / texte css / texte javascript / texte brut / xml;

Gardez à l'esprit que, pour les utilisateurs de NGINX, vous devez coller le code dans votre fichier «.conf» afin d'implémenter GZIP.

Test de la compression GZIP

Si vous avez activé la compression GZIP manuellement, utilisez un outil tel que le test de compression GZIP de GiftOfSpeed ​​pour vérifier la réussite de la mise en œuvre.

Semblable à PageSpeed ​​Insights, la seule étape dans l'utilisation du test de compression GZIP consiste à saisir l'URL de votre site Web et à cliquer sur le bouton «Vérifier» .

test gzip giftofspeed
  • sauvegarder

En quelques secondes, l'outil devrait vérifier si la compression GZIP est activée ou non sur votre site Web. Il vous montrera également son pourcentage de compression, ainsi que ses tailles avant et après compression.

Résultats du test Gzip
  • sauvegarder

15. Optimisez la base de données de votre site Web

La correction des ressources bloquant le rendu et l'activation de la compression GZIP font partie des stratégies les plus avancées de cet article, mais nous n'avons pas encore terminé.

L'étape suivante consiste à optimiser vos tables de base de données MySQL pour aider votre serveur à récupérer plus rapidement les données dont vos utilisateurs ont besoin.

Que sont les tables de base de données MySQL?

En termes simples, votre base de données MySQL contient pratiquement tout ce qu'il y a à trouver sur votre site Web, y compris des articles, des commentaires, des dates et d'autres éléments de contenu. Les plateformes de publication de blogs et les CMS comme WordPress créent ensuite automatiquement des tables dans votre base de données à mesure que vous ajoutez plus d'informations à votre site.

Voici à quoi ressemble une base de données MySQL:

Table de base de données MySQL
  • sauvegarder

Cependant, votre base de données accumulera également toutes sortes de courrier indésirable au fil du temps, y compris les pingbacks, les commentaires de spam et les révisions de publication, augmentant régulièrement en taille et affectant les performances de votre site Web.

Pour désencombrer votre base de données MySQL, une option consiste à utiliser l'outil d'optimisation de table intégré sur le panneau de contrôle de votre compte d'hébergement.

SiteGround, par exemple, dispose de la commande «Optimiser les tables» du menu déroulant «Avec sélectionné:» .

optimiser les tableaux
  • sauvegarder

Ces options se trouvent dans l'outil «phpMyAdmin», qui devrait se trouver dans la section «Bases de données» de votre panneau de contrôle.

phpMyAdmin
  • sauvegarder

En règle générale, créez toujours des sauvegardes de vos bases de données avant d'effectuer des optimisations. Téléchargez-les sur un lecteur local pour économiser l'espace disque de votre compte d'hébergement.

Vous craignez de gâcher quelque chose sur votre serveur?

Avec un plugin WordPress comme WP-Sweep, vous pouvez optimiser vos tables de base de données à partir de l'interface CMS. Après avoir installé et activé le plugin, allez dans «Outils» et cliquez sur «Balayer» pour afficher les tables de base de données trouvées sur votre site.

balayage du tableau de bord
  • sauvegarder

À partir de là, vous pouvez cliquer sur «Balayer» pour les éléments de base de données individuels pour les supprimer - ou faire défiler vers le bas de la page du plugin et cliquer sur «Balayer tout».

options de balayage
  • sauvegarder

Assurez-vous simplement de ne pas avoir de brouillons de publication, car un balayage complet de vos tables de base de données les supprimera également. Pendant que vous y êtes, vérifiez vos commentaires non approuvés afin de ne pas supprimer accidentellement des questions, des commentaires précieux et d'autres préoccupations exprimées par vos lecteurs.

16. Optimiser les commentaires des utilisateurs

En ce qui concerne les commentaires, les blogs WordPress ont également une fonctionnalité pratique qui peut instantanément extraire la photo de profil du commentateur via le service Gravatar ou Avatar mondialement reconnu .

Bien que les gravatars ajoutent une touche agréable à la section des commentaires de votre blog, ils ont un impact sur la vitesse de chargement de votre site Web. Cela oblige certains blogueurs WordPress à désactiver complètement leur affichage.

Pour faire de même, allez dans «Paramètres» , puis cliquez sur «Discussion». Recherchez l'option «Afficher les avatars» sous la section «Affichage des avatars» et désélectionnez-la.

désactiver les gravatars de commentaires
  • sauvegarder

Si vous souhaitez conserver les gravatars mais n'aimez pas leur effet sur la vitesse de chargement, vous pouvez utiliser un plugin comme BJ Lazy Load pour charger les avatars après les ressources critiques du site Web - un processus connu sous le nom de chargement paresseux .

Outre les avatars, vous pouvez également activer le chargement différé pour les vignettes de publication, les images, les iframes et d'autres types de contenu. Vous devez simplement aller dans "Paramètres", sélectionnez "BJ Lazy Load" et choisissez "Oui" sur les options que vous souhaitez utiliser.

Options de chargement différé BJ
  • sauvegarder

En ce qui concerne les commentaires WordPress, une autre astuce pour augmenter la vitesse de chargement des pages consiste à utiliser la pagination . Cela divise les commentaires de vos publications en plusieurs pages, ce qui réduit le temps nécessaire aux navigateurs pour les charger et les rendre.

Pour utiliser la pagination, retournez simplement à la page des paramètres "Discussion" et activez l'option "Diviser les commentaires en pages avec X commentaires de premier niveau par page".

diviser les commentaires en pages
  • sauvegarder

Essayez de réduire le nombre de commentaires visibles par page de la valeur par défaut de 50 à environ 10. Cela devrait considérablement améliorer le temps de chargement des commentaires et, par conséquent, le contenu de votre blog.

17. Concentrez l'optimisation sur vos pages principales

Avant de terminer cet article, voici un dernier conseil:

Commencez à optimiser les performances de vos pages les plus populaires .

Cela n'a pas de sens pour vous de donner la priorité aux publications qui génèrent à peine du trafic. D'un autre côté, faire de vos pages principales une priorité signifie que vos efforts profiteront au plus grand nombre d'utilisateurs.

Google Analytics est un autre outil gratuit qui vous aidera à identifier vos pages principales. Développez simplement le sous-menu «Comportement» et cliquez sur «Aperçu» .

Vos 10 premières pages doivent être visibles sous la section «Page».

Meilleures pages GA
  • sauvegarder

Facile, non?

Vous pouvez également utiliser Google Analytics pour effectuer une recherche approfondie des mots clés - un sujet dont j'ai discuté dans mon article sur la façon de trouver vos mots clés les plus performants avec Google Analytics.


Conclusion

En tant que blogueur, vous devez être prêt à tout faire pour le bien de l'expérience utilisateur.

La vitesse de chargement de votre site Web peut sembler un facteur superficiel, mais elle peut à elle seule faire ou défaire le succès de votre blog - non seulement du point de vue UX, mais aussi en termes de référencement.

Maintenant, je sais que vous ne pourrez pas appliquer toutes les stratégies ci-dessus en une seule journée. Cela dit, n'oubliez pas de mettre cette page en signet et rejoignez notre groupe Facebook public pour plus de guides de blogs géniaux!

Réduisez le temps de chargement du blog
  • sauvegarder