17 conseils efficaces pour réduire le temps de chargement des pages de blog
Publié: 2020-11-10Imaginez 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.

- 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 $.

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

- 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".

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

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

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

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

- 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 ».

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

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

- 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».

- 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 ».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

- 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

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

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

- 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>”.

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

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

- 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» .

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

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

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

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

- 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 '' .

- 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)» .

- 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» .

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

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

- 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é:» .

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

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

- 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».

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

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

- 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".

- 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».

- 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!

- sauvegarder