Bien qu’il existe de nombreux aspects pour accélérer les pages, voici quatre éléments clés à considérer pour améliorer le temps de chargement des pages:
Optimiser les images: Le format le plus optimisé dans lequel vous pouvez convertir vos images de nos jours est Webp. Plusieurs plugins WordPress peuvent le faire pour toutes vos images, certains des meilleurs étant des plugins premium pour lesquels vous devez payer. Un plugin à essayer sur WordPress est Smush Pro. Smush Pro peut parcourir tous vos fichiers et les compresser ainsi que compresser de nouvelles images. Vous pouvez également utiliser un outil Web gratuit sur Compressor.io.
Bien qu’il existe d’autres plugins et façons de compresser vos images sans Webp, vous ne verrez pas le même taux de compression tout en conservant la même qualité élevée à vos images. Si vous ne pouvez pas utiliser Webp, nous vous recommandons d’utiliser des JPG pour les photos et des PNG pour les fichiers où vous ne voulez pas perdre de qualité lors de la compression.
L’une des façons les plus simples d’optimiser les images consiste à les redimensionner à la largeur à laquelle elles seront affichées sur la page. Si, par exemple, une image sera affichée à 800 pixels, n’utilisez pas un fichier image de 2000 pixels, redimensionnez-la à 800 pixels. Cela peut être fait dans Adobe Photoshop ou d’autres programmes d’édition d’image tels que GIMP, qui est gratuit.
Réduisez HTML, CSS, JavaScript: Les sites Web chargent généralement une myriade de fichiers Javascript et CSS qui peuvent alourdir le navigateur Web. Pour lutter contre cela, il existe des plugins WordPress qui peuvent faire le travail de minification de votre code pour vous. Cela se traduit par des temps de chargement plus rapides car des choses comme les variables longues et les noms de fonction sont réduites.Utilisez un réseau de diffusion de contenu (CDN): Les CDN sont un excellent moyen d’accélérer votre site. Ils stockent des copies des fichiers de votre site Web sur des serveurs à travers le monde afin que lorsqu’un utilisateur demande un fichier. L’image ou les données peuvent être téléchargées depuis le serveur le plus proche de leur emplacement. Vous pouvez choisir le choix populaire de Cloudflare. Pour vous installer, vous devrez changer votre DNS pour utiliser le DNS de CloudFlare, alors préparez votre registraire de domaine.Utiliser la mise en cache du navigateur: La mise en cache du navigateur peut être un excellent outil, mais parfois c’est une arme à double tranchant. S’il est correctement configuré, l’utilisateur peut afficher les pages de votre site sans avoir à retélécharger tous les fichiers. Cependant, en autorisant la mise en cache des fichiers sur l’ordinateur de l’utilisateur, une ancienne version d’un fichier peut parfois être servie.
Si vous utilisez WordPress, vous pouvez facilement activer la mise en cache à l’aide du plugin W3 Total Cache. Accédez simplement à Page Cache sous Paramètres généraux pour l’activer. Si vous n’utilisez pas WordPress, vous pouvez activer la mise en cache dans votre fichier .htaccess si vous utilisez Apache. La mise en cache peut accélérer les performances jusqu’à 10 fois.
Pourquoi la vitesse du site est-elle importante pour le référencement?
Tous les facteurs de classement ne sont pas des aspects de votre site que vous pouvez contrôler. Par exemple, vous ne pouvez pas contrôler le nombre de backlinks dont vous disposez. C’est aux propriétaires de sites Web de décider s’ils veulent vous donner un lien. Cependant, la vitesse des pages est un facteur sur lequel vous avez un contrôle total.
C’est à vous de décider si vous souhaitez compresser des images, utiliser un CDN, mettre en cache des fichiers et réduire les ressources afin que votre site se charge plus rapidement. Avoir un site de chargement rapide vous offre plusieurs avantages. Tout d’abord, les gens sont moins susceptibles de rebondir si votre site Web apparaît immédiatement. Si le chargement prend trop de temps, les internautes partiront avant même de voir le contenu de votre site.
Et le pire, c’est que Google et d’autres moteurs de recherche, mesurent activement le taux de rebond de votre page. Donc, si vous pouvez améliorer vos temps de chargement, vous rendrez service à votre entreprise non seulement en ce que davantage de personnes interagiront avec votre site, mais aussi en améliorant votre classement dans les moteurs de recherche.
Si vous ne pensez pas pouvoir vous attaquer à tous les aspects d’un site de chargement rapide, ne vous inquiétez pas. Nous sommes là pour vous aider. Testez notre site Web pour voir à quel point nous sommes compétents pour améliorer la vitesse des pages. Nous avons les meilleurs classements sur tous les outils de test. Contactez-nous dès aujourd’hui pour recevoir un devis gratuit sur la façon dont nous pouvons vous aider à améliorer la vitesse de votre site.
La vitesse des pages est un facteur de classement
La vitesse des pages est un facteur important pour les moteurs de recherche tels que Google. Si votre site prend trop de temps à charger, les utilisateurs abandonneront votre site et les moteurs de recherche l’examineront. C’est le cas pour les versions mobile et desktop de votre site Web. Ils doivent tous deux se charger rapidement.
Lorsque trop de gens abandonnent votre site, les moteurs de recherche ajusteront vos classements en conséquence. Ils le considèrent comme des utilisateurs ne pouvant pas trouver ce qui se trouve sur votre page, que les informations s’y trouvent ou non. Si les gens partent avant d’avoir pu voir les informations parce que votre site se charge trop lentement, vous savez que vous devez corriger les choses sur votre site Web.
Comment une faible vitesse de chargement affecte votre résultat net
Les utilisateurs s’attendent à ce qu’un site Web se charge en moins de deux secondes ou moins. Si cela prend trois secondes, ils ont tendance à abandonner les pages. En outre, lorsque votre site prend trop de temps à charger, les acheteurs disent qu’ils ne reviendront pas pour effectuer un achat plus tard, et près de la moitié des acheteurs disent qu’ils partageraient cette expérience avec un ami.
Les recherches d’Akamai révèlent qu’un délai de deux secondes dans le temps de chargement des pages augmente le taux de rebond de plus de 100%. Un délai d’une seconde dans la vitesse des pages pourrait vous coûter 7% des ventes.
Comment vérifier la vitesse de votre page
Vous voulez voir les performances de votre site Web? Voici quelques outils pour vous aider.
Page Speed Insights: Ceci est l’outil de Google. Ils vous donnent un score sur les performances de votre site sur mobile et sur ordinateur, ainsi qu’une série de recommandations sur ce que vous pouvez faire pour améliorer la vitesse de votre site. Il y a trois domaines à surveiller les données de laboratoire, les opportunités et les diagnostics.
Les données du laboratoire affichent des informations telles que le premier indice de peinture et de vitesse content. C’est là que les statistiques sur votre site sont présentées. Dans les opportunités, vous verrez des domaines dans lesquels vous pouvez améliorer la vitesse de votre page ainsi que des gains de temps estimés. Un exemple de ce que vous verrez ici est d’éviter les chaînes de redirection. Dans les diagnostics, vous verrez des suggestions supplémentaires, telles que la réduction de l’impact du code tiers.
WebPageTest.org: Avec cet outil, vous entrez dans votre site Web et choisissez un emplacement de serveur de test et un périphérique à partir duquel charger la page. Ils sont un peu dépassés avec leurs appareils mobiles. Cependant, vous pouvez sélectionner un navigateur utile, surtout si vous vérifiez vos analyses pour savoir quels utilisateurs de navigateur sur votre site utilisent le plus souvent. Vous pouvez également choisir la vitesse de votre connexion si vous souhaitez voir combien de temps votre site met à charger sur mobile ou sur ordinateur.
Choisissez également la vitesse de connexion 3G ou 4G dans les paramètres avancés pour voir combien de temps votre site prendra pour se charger sur mobile. Ils noteront votre site sur plusieurs aspects, notamment le délai de premier octet, la compression d’image, la mise en cache du contenu statique et l’utilisation des CDN. Ils exécutent le test 3 fois, vous obtenez donc une représentation précise de votre temps de chargement.
GT Metrix: Cet outil vous permet de modifier l’emplacement, le navigateur et d’autres options uniquement si vous êtes connecté. Ils vous donnent un score global, ainsi que le temps de chargement total et la taille de la page. Vous êtes également évalué sur plusieurs aspects exploitables, tels que le report de l’analyse de Javascript et la minification du code. Pingdom: Avec Pingdom, vous pouvez également choisir un emplacement à partir duquel tester. Pingdom note votre site sur une échelle de zéro à 100. Ils fournissent également la taille de la page, le temps de chargement et les demandes. Pingdom répertorie les zones où vous pouvez améliorer les performances de votre page, telles que la compression de contenu avec gzip et l’utilisation de domaines sans cookies. Ils montrent également une chronologie du temps nécessaire pour charger chaque ressource sur votre site.
Avec ces quatre outils PageSpeed, vous aurez une meilleure idée de votre performance et des domaines dans lesquels vous pouvez améliorer la vitesse de votre page. Plus votre page se charge lentement, plus vos utilisateurs seront frustrés et moins vous aurez de chances sera en mesure d’atteindre un rang élevé. Suivez les conseils présentés par les outils et relancez les tests jusqu’à obtenir une bonne note.
Pourquoi la vitesse des pages est importante pour la recherche locale
Avec Google qui classe les sites locaux plus haut pour présenter les entreprises locales ces derniers temps, quel meilleur moment pour travailler sur la vitesse des pages que lorsque vous êtes si près d’être en première position pour les résultats locaux? Vous pensez peut-être, pourquoi dois-je travailler sur la vitesse des pages alors que Google place déjà mon site dans une position plus élevée pour les recherches locales? La réponse est que vous manqueriez une excellente opportunité pour encore plus d’affaires.
Webémission recommandée pour vous, 1er juillet: Marketing pendant une crise: faire pivoter vos messages et votre approche marketing en 2020
S’inscrire maintenant
La vitesse des pages est quelque chose dont vous avez le plein contrôle, alors pourquoi ne pas profiter de votre chance pour vous démarquer et obtenir plus de revenus? Avec un site rapide sur mobile et sur ordinateur, vos utilisateurs sont plus susceptibles de faire un achat.
Comment augmenter la vitesse de votre page pour votre site mobile
L’augmentation de la vitesse de votre page mobile est similaire à l’augmentation de la vitesse de votre page de bureau, mais vous pouvez mettre en œuvre plusieurs modifications pour garantir un temps de chargement rapide:
Utilisez HTTP / 2. HTTP / 2 devient le nouveau standard, grâce à une compression, une priorisation et un chargement des données plus efficaces. HTTP / 2 charge les données plus rapidement et plus efficacement. Avec HTTP / 2, tout est chargé immediatement. C’est crucial si l’on considère le peu de patience dont les gens font preuve lorsqu’ils utilisent un mobile. Notez que HTTP / 3 est en cours et sera publié sous peu. HTTP / 3 augmentera considérablement les temps de chargement qui seront plus rapides que HTTP / 2
Offrez une expérience mobile différente de celle de votre site de bureau. Un design réactif signifie plus que le simple redimensionnement du contenu de votre site Web. Votre site devrait offrir une expérience différente à l’utilisateur mobile. Cela peut inclure un menu hamburger qui se développe lorsque vous cliquez dessus au lieu de prendre un espace précieux affichant tout le menu. Un site qui est simplement une version réduite du site de bureau n’offre pas à l’utilisateur le type d’expérience qui lui permettra de rester sur votre site Web et éventuellement d’effectuer un achat.
Les utilisateurs mobiles savent ce qu’ils recherchent lorsqu’ils visitent un site. Et cela n’inclut pas les annonces et les images écrasantes qui occupent tout l’écran. Obtenez votre contenu se chargeant correctement pour les utilisateurs mobiles, et vous verrez une augmentation de l’engagement et des classements.
Autres recommandations pour améliorer la vitesse des pages
Minimisez les requêtes HTTP: Moins votre site fera de demandes, plus il sera rapide. En effet, le protocole HTTP doit suivre plusieurs étapes pour lancer le transfert des fichiers.
La première étape pour réduire les requêtes HTTP consiste à remarquer le nombre de pages générées. Vous pouvez le découvrir à l’aide des outils de développement de Chrome. Cliquez avec le bouton droit sur votre page et appuyez sur inspecter, puis cliquez sur Réseau pour voir combien de demandes vous faites. Vous pouvez réduire le nombre de demandes en combinant des fichiers tels que JavaScript et CSS.
Chargez JavaScript et CSS de manière asynchrone: Le chargement asynchrone de vos fichiers signifie qu’ils ne seront pas bloqués lors de la tentative de chargement. En règle générale, les fichiers JavaScript et CSS sont bloqués et ne peuvent être chargés qu’un par un. Le fait de les charger tous en même temps augmentera considérablement la vitesse des pages. Si vous utilisez WordPress, essayez le plugin WP Rocket pour que cela se fasse automatiquement pour vous en vérifiant le paramètre,Différer le chargement de JavaScript: Le chargement de fichiers JavaScript avant le chargement de la page signifie que le contenu ne peut pas être affiché tant que les fichiers JavaScript ne sont pas exécutés. Si vous placez votre JavaScript au bas de votre page, vous pouvez éviter cela. Pour ce faire, vous pouvez également utiliser WP Rocket sur WordPress.Hébergement Web rapide et sécurisé: L’endroit où vous hébergez votre site Web est l’un des facteurs les plus critiques de la vitesse de chargement d’une page. Si vous êtes sur un hôte Web lent, comme un serveur partagé avec des tonnes de comptes, un serveur VPS avec peu de vitesse CPU ou un serveur dédié lent, il peut être temps de mettre à niveau.Compression Gzip: vous compressez peut-être déjà des images sur votre site, mais compressez-vous également le code? En activant la compression Gzip, vous pouvez compresser les fichiers HTML, CSS et JavaScript pour des améliorations de vitesse de page supplémentaires.
Vérifiez votre serveur Web, ou si vous utilisez WordPress, vérifiez vos plugins pour voir si Gzip est activé. WP Rocket ou W3 Total Cache prennent tous les deux en charge Gzip dans WordPress. Si vous n’utilisez pas WordPress, mais que vous utilisez Apache, modifiez votre fichier .htaccess pour utiliser Gzip. La plupart des navigateurs modernes prennent également en charge Gzip, ce qui en fait un excellent choix à utiliser.
Utilisez des hébergeurs externes: En utilisant un fournisseur d’hébergement externe, vous pouvez réduire l’utilisation de la bande passante pour les fichiers volumineux et les livrer à des vitesses rapides même pendant les périodes de trafic de pointe. Non seulement cela, mais cela fait que les sauvegardes prennent plus d’espace et pourraient rendre la restauration d’une sauvegarde plus difficile.
Amazon est un choix populaire pour héberger des fichiers. Vous pouvez également héberger des fichiers vidéo sur YouTube ou Vimeo. L’un des avantages les plus importants de YouTube est qu’une fois que les internautes auront visionné votre vidéo, elle commencera à être diffusée auprès du reste de l’audience de YouTube, ce qui sera comme de la publicité gratuite pour votre site. Vimeo est une autre option qui a un lecteur vidéo qui a un design plus minimaliste et sera en mesure de servir vos vidéos même si elles ont une demande importante.
Rationalisez CSS: si vous répétez des styles CSS sur des éléments de votre site, vous souhaiterez peut-être utiliser un fichier CSS qui réduira la redondance. Il est préférable de regrouper tous vos fichiers CSS dans un seul fichier pour réduire les temps de chargement du serveur.Contenu de chargement paresseux: En priorisant le contenu qui se charge au-dessus de la ligne de flottaison, qui est ce qu’un utilisateur voit en premier lorsqu’il accède à votre page, vous pouvez réduire les temps de téléchargement. Comme il charge le contenu sous le pli lorsqu’un utilisateur fait défiler vers le bas, vous réduirez le temps nécessaire pour charger la page. Une façon d’obtenir du contenu à lazy-load est l’utilisation de WP Rocket (si vous utilisez WordPress). Ouvrez simplement la page du plugin WP Rocket, et sous l’onglet De base, sélectionnez les images de chargement paresseux.Réduisez votre nombre de plugins: si vous utilisez WordPress, il est facile de commencer à utiliser des tonnes de plugins avec toutes les fonctionnalités avec lesquelles ils vous permettent de personnaliser votre site. Cependant, il y a un inconvénient à cela. Autoriser un trop grand nombre de plugins entraînera le chargement de beaucoup plus de code sur votre site Web, ce qui augmentera la charge du serveur et les temps de réponse.
Une façon de déterminer quels plugins doivent être activés ou désactivés sur votre site est de les désactiver sélectivement un par un et d’utiliser un outil de test de vitesse de page pour voir quelles améliorations peuvent être apportées en désactivant chaque plugin un par un. Vérifiez si certains de vos plugins se chevauchent dans les fonctionnalités. C’est une autre façon de déterminer quels plugins doivent être supprimés.
Réduisez les redirections: les longues chaînes de redirection peuvent ralentir le temps de chargement de votre site. En effet, le navigateur doit effectuer plusieurs demandes pour accéder à la page que vous demandez finalement.Mettre à niveau WordPress: si vous utilisez WordPress, vous souhaiterez le garder à jour avec la dernière version. Cela pourrait non seulement offrir des améliorations de performances, mais aussi corriger des bugs et des problèmes de sécurité.Optimiser les processus d’arrière-plan: si vous utilisez WordPress et que vous avez des sauvegardes planifiées, ces processus sont très gourmands en ressources. Ils peuvent considérablement ralentir votre site, surtout si votre site prend beaucoup de Go. Pour réduire l’impact de cela, planifiez les sauvegardes aux heures creuses lorsque votre serveur est moins chargé.Optimisez les articles de blog pour afficher des extraits: Dans WordPress, la valeur par défaut de votre page de blog est d’afficher les articles complets. En entrant dans les paramètres et en lisant, vous pouvez le modifier uniquement pour afficher un résumé. Cela réduira la taille de la page et augmentera la vitesse de la page, en plus de générer plus de vues sur les différentes pages de votre blog, ce qui peut signifier plus d’argent si vous diffusez des annonces.Divisez les commentaires en pages: Avez-vous déjà visité un site qui a chargé des centaines de commentaires sur une seule page? C’est un mauvais choix car la plupart des gens ne lisent pas tous les commentaires, et il faut du temps pour les charger et ralentir un navigateur. En entrant dans les paramètres et la discussion, vous pouvez activer la division des commentaires en plusieurs pages dans WordPress. Cela accélérera le chargement de la page et ne submergera pas l’utilisateur.Choisissez un thème optimisé pour la vitesse: certains thèmes dans WordPress sont gonflés de designs fantaisies, CSS et JavaScript. En choisissant le bon thème pour votre site, il peut avoir un impact substantiel sur la vitesse de chargement de votre site.Installez des plugins plus rapides: en remplaçant les plugins à chargement lent sur votre site, vous pouvez accélérer les performances avec WordPress. Certains plugins sont remplis de fonctionnalités et de code inutile. Nous vous recommandons de rechercher des plugins qui offrent les mêmes fonctionnalités, mais qui sont plus compacts et mieux écrits. Divisez les longs articles de blog en plusieurs pages: les messages longs ont tendance à être bien classés dans les moteurs de recherche. Cependant, ils peuvent ralentir votre site. WordPress propose une solution simple pour cela. Ajoutez simplement à l’endroit où vous souhaitez diviser l’article, et il le divisera en plusieurs pages.Optimiser la base de données: votre site existe depuis un certain temps? Il peut contenir des éléments inutiles, tels que des messages supprimés et des balises inutilisées. Heureusement, il existe un plugin qui peut nettoyer des choses comme ça. Installez simplement WP Sweep pour optimiser votre base de données en un seul clic.Limiter les révisions de poste: plusieurs révisions de messages peuvent alourdir votre base de données. Si vous souhaitez uniquement inclure les quatre dernières modifications pour chaque publication, ajoutez simplement ceci à wp-config.php: define (‘WP_POST_REVISIONS’, 4); Vous allez maintenant supprimer les révisions s’il y en a plus de 4.Bloquer le hotlinking: si vous avez un site Web très fréquenté, il est possible que les gens commencent à lui voler du contenu et qu’ils le chargent directement à partir de vos serveurs. Pour éviter cela, si vous utilisez Apache, vous pouvez modifier votre fichier .htaccess uniquement pour autoriser votre référent.Utilisez un pare-feu de niveau DNS: nous avons déjà mentionné l’utilisation de Cloudflare comme CDN, mais ils peuvent également servir de pare-feu si vous configurez votre DNS pour les utiliser. Cela peut bloquer les tentatives brutales de piratage de votre site, ce qui alourdirait également le serveur.Mettre à jour PHP: en plus de la mise à niveau de WordPress, la mise à niveau de PHP pourrait également offrir des améliorations de performances supplémentaires. La dernière version de PHP est optimisée pour fonctionner plus rapidement et mieux fonctionner. Bien que vous ayez l’habitude d’utiliser votre version actuelle de PHP et qu’il soit difficile de la mettre à niveau, cela profitera à votre site.
Auteur: Garry Grant
Garry Grant est un expert chevronné de l’optimisation des moteurs de recherche et de l’industrie du marketing numérique. Avec près de 20 ans d’expérience, Garry a bâti avec succès une opération multiservices chez SEO, Inc., développant des technologies propriétaires grâce à des solutions stratégiques complexes. Il possède une vaste expérience des initiatives clés et des responsabilités opérationnelles fondées sur l’information… Voir le profil complet ›