Très probablement, vous n’auriez pas attendu que cette page se charge si cela avait pris une seconde ou deux de plus.
C’est la vérité : les utilisateurs s’attendent à ce que les pages Web se chargent presque dès qu’ils cliquent sur un lien hypertexte.
Les pages Web à chargement lent peuvent devenir la principale cause de taux de rebond élevés, d’un faible engagement des utilisateurs, d’opportunités de trafic perdues et de voyages de vente abandonnés. Voici quelques chiffres pour mettre les choses en perspective.
De plus, les sites Web de commerce électronique associent un chargement rapide à une augmentation des revenus, et l’inverse est également vrai.
L’appel est clair : vos sites Web doivent se charger très rapidement pour maintenir et entretenir l’attention du public, éviter un taux de rebond élevé et éviter les ventes abandonnées.
Si vous avez un site WordPress, il existe plusieurs méthodes simples et efficaces que vous pouvez commencer à utiliser dès aujourd’hui et qui augmenteront considérablement la vitesse de chargement de votre site.
Utiliser des grilles et des flottants au lieu de tableaux imbriqués
Il est surprenant de voir combien de sites Web continuent d’utiliser des tableaux imbriqués, malgré l’impact négatif qu’ils ont sur la vitesse de chargement des pages. Voici à quoi ressemble un code de table imbriquée :
Un tel encodage ajoute une charge supplémentaire au navigateur, retardant le chargement complet du contenu. À la place, utilisez la structure de table non imbriquée comme suit :
Plus important encore, utilisez des flotteurs et des racks pour améliorer la vitesse de chargement. Voici un exemple de base de float :
Exemple de texte
Exemple de texte
Réduire le nombre de requêtes HTTP
Une page Web se compose de plusieurs composants : feuilles de style, composants Flash, images, scripts, etc. Pour offrir des expériences riches en contenu, vous devez suivre l’intégralité du processus d’optimisation de PageSpeed Insights.
Plus le nombre d’éléments par page est élevé, plus le nombre de requêtes HTTP effectuées pour chacun d’entre eux est important, ce qui entraîne un temps de chargement de la page plus long, ce qui pourrait nuire à vos conversions. Yahoo estime que près de 80% du temps de chargement de la page s’explique par le temps passé à télécharger les différents éléments de la page.
Utilisez l’outil de vérification des requêtes HTTP pour connaître le nombre de requêtes effectuées par votre page.
Heureusement, vous pouvez réduire les requêtes HTTP sans ruiner votre conception Web. C’est comme ça:
- Fusionner des fichiers : Utilisez des scripts et des feuilles de style externes (mais n’ayez pas plus d’un script et d’un fichier CSS chacun.
- Cartes d’images : Utilisez des images contiguës au lieu de plusieurs blocs d’images pour réduire le nombre de requêtes HTTP.
- Sprites CSS : Combinez plusieurs images en un seul objet et appelez l’objet au lieu de chaque image. Lorsque le sprite contient également des images de page interne, les temps de chargement de la page interne s’améliorent, car le contenu est déjà téléchargé avant que l’utilisateur n’y accède.
- Faire blocs javascript plus petits en ligne.
- Convertir des images en encodage Base64 à l’aide d’un encodeur ; Parce qu’elle transforme une image en code, la requête HTTP est évitée.
Diviser les commentaires en pages
Vos publications de contenu les plus populaires peuvent également être celles qui se chargent le plus lentement, en raison des centaines de commentaires sur la page. Vous ne pouvez pas bloquer les commentaires, car ce sont des amorces de conversation et des générateurs de liens pour vous.
Comment vous débrouillez-vous alors ? WordPress propose une solution très astucieuse : diviser le flux de commentaires en pages.
Dans le Panneau de configuration, accédez à Paramètres. Sous section Autres paramètres de commentaire, vous pouvez modifier les paramètres du nombre de commentaires affichés sur une page et de la page affichée sous l’article.
Mettre à jour vers la dernière version de PHP
Mettre à jour votre site Web chaque fois qu’une nouvelle version de PHP est publiée peut être un casse-tête. Mais cela vaut votre temps et vos efforts. Les mêmes scripts pourraient s’exécuter presque 25 à 30 % plus rapidement dans les dernières versions de PHP ; Imaginez le genre d’améliorations du temps de chargement du site Web qu’il peut vous apporter.
PHPClasses a publié une étude expérimentale approfondie, qui a mis en évidence que les scripts s’exécutaient beaucoup plus rapidement en PHP 7.1 par rapport aux versions précédentes.
Compression Gzip
Si vous utilisez l’outil PageSpeed Insights de Google pour une analyse rapide de vos pages Web, vous trouverez probablement des astuces pour utiliser la compression Gzip. Cette compression permet aux serveurs Web de compresser des éléments de contenu de site Web lourds.
La compression est si efficace qu’elle pourrait réduire la taille de votre page à 30-40% de sa taille initiale. Les vitesses réduites, à cause de cela, pourraient augmenter jusqu’à trois ou quatre fois votre vitesse précédente.
Pour de nombreux webmasters, l’installation d’un plugin de compression Gzip reste la meilleure option. Le plugin W3 Total Cache, en plus de toutes ses fonctionnalités étonnantes, offre également la compression HTTP.
Les autres options sont :
- Demandez à votre hébergeur s’il propose la compression Gzip.
- Activez manuellement la compression Gzip via .htaccess (ce guide Kinsta explique comment le faire)
Ne laissez pas les scripts publicitaires et les fenêtres contextuelles gâcher l’expérience utilisateur
Vous exécuterez probablement au moins une sorte de fenêtre contextuelle pour optimiser les conversions. Aussi bénéfiques soient-ils pour les stratégies de monétisation de votre site Web, ils peuvent également causer des dommages importants en termes de temps de chargement de page plus élevés.
Pour prendre le contrôle et trouver l’équilibre parfait, vous devez connaître les scripts tiers exécutés sur votre site Web, leur source et leur impact.
Je recommande le test de vitesse du site Web Pingdom pour une analyse approfondie de chaque fichier et script d’une page Web. L’outil vous dira quel script prend le plus de temps à charger.
Mesurez l’efficacité de vos pop-ups ; supprimez les plugins contextuels qui ne fonctionnent pas car ils ne font que ralentir votre page. OptinMonster est l’un des plugins pop-up les plus fiables, vous aidant à optimiser les conversions sans tuer la vitesse.
Installer un plugin de mise en cache
Les plugins de mise en cache peuvent être une aubaine pour votre site Web ; Ces plugins créent des copies statiques du contenu de votre page Web et, au lieu d’interroger la base de données dans les deux sens, ils utilisent des versions statiques pour afficher immédiatement le contenu Web aux utilisateurs. Comme vous ne mettez normalement pas à jour vos pages Web quotidiennement, la mise en cache s’avère très utile pour presque toutes les pages Web, à chaque fois.
Parmi les nombreux plugins de mise en cache que vous pouvez utiliser, WOT Cache Plugin est très fiable et populaire. Parmi ses nombreuses fonctionnalités, citons :
- Combinez les fichiers CSS et Javascript
- Exploitez la puissance de la mise en cache des pages et de la mise en cache du navigateur
- Utilisez le chargement paresseux pour améliorer considérablement le temps de chargement des pages
- Aide à l’optimisation de la base de données et supprime les chaînes de requête des fichiers CSS / Javascript
- Économise beaucoup de bande passante en réduisant la taille des fichiers des pages Web.
Astuce bonus : demandez de l’aide à votre fournisseur de services d’hébergement Web
Il est logique de passer à un plan d’hébergement dédié, afin que votre site Web obtienne toutes les ressources dont il a besoin pour se charger en un rien de temps, à chaque fois. Demandez à votre hébergeur quelle aide il peut vous apporter pour améliorer la vitesse de votre site Web.
La plupart des serveurs Web sont prêts à offrir leur expertise technique pour vous aider à tirer parti des problèmes de vitesse de votre site Web. Ceci, à son tour, leur profite en réduisant la charge sur leurs serveurs.
En particulier, demandez-leur conseil sur la façon d’optimiser la vitesse d’un site Web mobile, car l’impact du lazy loading est beaucoup plus grave sur les appareils mobiles.
Remarques finales
Toutes les quelques millisecondes d’amélioration de la vitesse de chargement de votre page Web pourraient apporter des dizaines de points de pourcentage d’amélioration de votre trafic et de vos taux de conversion.
Commencez avec ces conseils simples et pratiques, dont la plupart se traduiront par des améliorations presque immédiates de la vitesse de chargement des pages de votre site Web.
