Comment optimiser la vitesse de votre site Web: Top 12 Conseils – Guide

Chaque propriétaire de site web vise à créer et à maintenir une expérience en ligne satisfaisante pour ses visiteurs actuels et futurs.

Quand avez-vous été allé sur un site Web qui a chargé si lentement? Avez-vous immédiatement fermé l’onglet pendant qu’il était encore en charge?

C’est l’un des inconvénients de posséder un site Web qui se charge très lentement. Dans ce monde au rythme rapide où les durées d’attention sont de plus en plus courtes, il est frustrant pour les visiteurs du site quand il faut beaucoup de temps pour le site à charger. 

Garder cela en vue, j’ai pensé à mettre en place ce guide pourquoi il est essentiel de garder la vitesse de chargement de votre site Web rapide. Je vais partager quelques trucs sur la façon d’améliorer la vitesse de votre site Web.

Pour un résumé de ce sujet et pourquoi il est crucial, vous pouvez voir la vidéo ci-dessous:

Pourquoi optimiser votre site Web pour la vitesse?

La vitesse de chargement d’un site Web, également connue sous le nom de temps de chargement de page, est une mesure de performance qui révèle le temps nécessaire pour qu’une page s’affiche sur l’écran de l’utilisateur.

Pour qu’un site Web réussisse, trois facteurs doivent être satisfaits : la conversion, la visibilité et la convi

vialité. Examinons ces trois facteurs.

Conversion

Ce facteur est la possibilité de transformer les visiteurs de votre site Web en clients. Cela se produit si un utilisateur peut acheter un produit, s’abonner à des campagnes de newsletter, s’inscrire à un webinaire ou télécharger un guide.

Hubspot a déclaré dans son rapport que le retard de chaque seconde dans la vitesse de chargement des pages contribue à une réduction de 7% de la conversion. Amazon a appris qu’ils perdent 1,6 milliard de dollars de ventes pour chaque seconde perdue au ralentissement de la page.

J’ai mentionné que plus de gens seraient malheureux si un site Web prend beaucoup de temps à charger et Kissmetrics étudié en détail. Ils ont découvert que 47% des visiteurs veulent que les sites se chargent en deux secondes au plus, 40% l’abandonneront s’il dépasse ce montant, et 79% des visiteurs ne retourneront pas sur un site Web qui charge au moins trois secondes aussi. 

Pour vous motiver à garder votre site Web de chargement plus rapide, 52% des acheteurs ont dit qu’ils seraient fidèles à un site qui se charge plus vite et près de la moitié d’entre eux se relayeront à leurs amis sur les expériences médiocres du site.

Une histoire réelle, vous pouvez aspirer à quand il s’agit d’augmenter la performance de votre site Web est Walmart. Ils ont appris que chaque seconde rasé le temps de chargement de leur site a augmenté leur taux de conversion de 2% et toutes les cent millisecondes rasées a augmenté leurs revenus jusqu’à 1%. Il révèle un

e chose: si les utilisateurs ne sont pas prêts à attendre que vos sites Web à charger, en ignorant la nécessité d’améliorer votre site Web signifie qu’ils vont immédiatement le quitter. 

Visibilité

Apparemment, plus votre site web se charge rapidement, plus les moteurs de recherche augmentent votre rang dans ses pages de recherche. Google le fait activement pour classer les sites Web.

Ce facteur de réussite tourne autour de la fréquence à laquelle votre site Web apparaît dans les premières pages dans les résultats de recherche.

En dehors de cela, Google a classé les sites Web en fonction de leurs versions mobiles depuis Décembre 2017. Il a été inclus dans leur évaluation car ils veulent aider les utilisateurs à éviter les sites Web qui ne fonctionneront pas correctement, quel que soit l’appareil qu’ils utilisent.

Ils ont changé leur évaluation en se rendant compte que les recherches mobiles étaient plus nombreuses que les recherches de bureau pour la première fois depuis 2015, et que leur nombre ne cesse d’augmenter à partir de là. Ils ont su s’adapter à la façon dont la tendance s’est inversée.

Nous pouvons alors conclure que le rasage de la vitesse de son site Web peut augmenter son rang dans les résultats de recherche en même temps.

Pertinent: Lire aussi l’examen et le classement des 9 principaux moteurs de recherche ici

Utilisabilité

Rappelez-vous que j’ai parlé de la façon dont les utilisateurs vont se détourner des sites Web qui ne seront pas charger assez vite? 

Les utilisateurs se détourneront également des sites Web qui sont difficiles à utiliser ainsi.

Par exemple, si votre image de fond est trop grande, l’écran prendra un certain temps pour la charger, augmentant ainsi son temps de chargement de page dans le processus.

Avoir un site Web avec des éléments qui pèsent sur votre temps de chargement augmentera votre taux de rebond, ce qui diminue vos chances de les garder po 

Cette façon de penser fonctionne également si l’un de vos visiteurs ont du mal à charger une de vos pages, même si c’est la seule page qui se charge lentement. Ils penseront que les autres pages se chargent aussi lentement qu’elle le fait, diminuant ainsi vos chances de conserver un public à long terme.

Je vous recommande toujours de garder votre site Léger, mobile-réactif, et rapide pour l’aider à rester en place et obtenir plus de visiteurs. 

Comment vérifier la vitesse de votre site

Il est important d’apprendre une meilleure façon de savoir à quelle vitesse votre site Web se charge. L’une des façons les plus intelligentes est d’utiliser des outils qui non seulement afficheront des mesures de la vitesse à laquelle il se charge, mais identifieront les pièces que l’on doit améliorer.

Pour ce tutoriel, je vais vous montrer comment faire usage d’Ezoic, l’un des nombreux outils que j’utilise pour améliorer mon propre site. Avant cela, je vous présenterai ce que c’est et comment cela fonctionne.

Qu’est-ce que l’étique ?

Ezoic est une suite logicielle visant à améliorer la convivialité ou la découverte de contenu d’un site Web. Une entreprise de technologie de San Diego, en Californie, l’a créée.

Elle a été fondée dans les années 90 par Dwayne Lafleur, un entrepreneur internet, qui a également fondé le premier réseau de annonces de Facebook, Cubics.

Pour cet article, je tiens à mettre en avant son module Big Data Analytics. 

Pertinent: Avant de sauter sur la section suivante, consultez mon examen détaillé de l’ezoïque ici

Analyse Ezoic Big Data

Le GIF ci-dessus montre certaines des fonctionnalités de cette suite logicielle sur votre site Web.

Vous pouvez obtenir des détails granulaires sur la façon dont les visiteurs de votre site Web se comportent, tels que l’engagement des visiteurs par page et source de trafic. En dehors de cela, vous pouvez trouver les meilleures combinaisons de pages recommandées, les actions sociales, et les pourcentages de défilement, parmi beaucoup d’autres.

Vous pouvez également savoir quel genre de visiteurs votre site attire aussi. Par exemple, vous pouvez vérifier leur langue, leur emplacement, l’heure locale, les fuseaux horaires locaux et les conditions météorologiques.

Enfin, vous pouvez voir quel facteur de réussite du site a un impact sur votre nombre de ventes. Il peut vous aider à générer un rapport où vous pouvez lier si votre vitesse de page, la longueur de l’article et les sources de trafic augmente ou diminue vos revenus publicitaires.

Exigences du site Web pour Ezoic

Pour obtenir Ezoic, vérifiez si votre site web est conforme à l’un des éléments suivants :

1. 10 000 visites par mois au minimum
2. N’a pas de clics ou d’impressions invalides
3. Pas faussement encourageant les clics
4. Ne pas offrir de matériel ou de téléchargement protégé par le droit d’auteur
5. Ne pas offrir de produits contrefaits
6. Ne redirige pas les utilisateurs vers des pages indésirables, des sites, des pop-ups ou des pop-unders
7. Contenir le contenu du jeu
8. Contenir du contenu illégal
9. Ne contient pas de contenu généré automatiquement
10. N’utilise pas de contenu copié sur d’autres pages
11. N’a pas de pages vides sans contenu original
12. N’a pas de farce de mots clés
13. N’utilise pas de contenu adulte, dangereux ou désobligeant
14. N’offre pas d’alcool, de tabac ou de contenu lié aux soins de santé
15. N’a pas de contenu agressif ou menaçant

Comment intégrer Ezoic à votre site Web

Après s’être assuré que votre site Web suit toutes les exigences ci-dessus, suivez ces étapes pour intégrer Ezoic:

1. Créez un compte avec Ezoic et suivez le magicien de la création de compte.
2. Entrez le serveur de nom de votre site Web sur Ezoic en suivant les instructions contenues dans l’e-mail que vous avez utilisé pour créer un compte avec la suite logicielle. Pour savoir pourquoi vous devez faire cette étape, lisez-le ici.
3. Ezoic consultera ensuite votre site Web dans les coulisses dans le cadre de son processus d’intégration.
4. Si vous ne voyez pas de marqueur vert ou d’étiquette verte avec "Integrated" comme texte, cliquez sur le texte vert à la fin du pop-up et suivez ses instructions.
5. Si vous voyez un marqueur vert ou une étiquette verte avec "Integrated" comme texte, vous pouvez procéder à faire ce qui suit:
   • Activez le système à l’aide d’un appareil.
   • Choisissez à quel pourcentage de trafic vous souhaitez que la suite logicielle applique l’apprentissage automatique.

Si elle dépasse l’étape cinq, cela signifie qu’Ezoic est en mesure de récupérer des données de votre site Web et procédera à générer les rapports nécessaires.

Ces rapports peuvent être consultés une fois que vous entrez dans l’application Ezoic après s’être inscrit. Ensuite, naviguez vers la section Big Data Analytics.

Caractéristiques de l’analyse big Data d’Ezoic

Il s’agit d’une capture d’écran de la liste complète des rapports que vous pouvez éventuellement obtenir lorsque vous vous inscrivez pour le compte Ezoic approprié:

Pour chaque rapport, vous pouvez également choisir de vérifier un site, de comparer deux sites ou plus ou de consulter tous vos sites connectés à la suite. En dehors de cela, vous pouvez également comparer les données avant et pendant l’intégration ezoïque

ainsi. Pour plus de détails sur chaque module et à quoi s’attendre, lisez cet article d’aide.

Conseils sur la façon d’accélérer votre site Web

Après avoir appris à utiliser Ezoic pour surveiller la façon dont votre site web va, permettez-moi de vous montrer mes conseils sur la façon de l’améliorer. 

Astuce no 1. Utiliser un réseau de diffusion de contenu

Le fait d’avoir un réseau de diffusion de contenu (CDN) aiderait à augmenter la vitesse de chargement de votre site en répartissant son contenu sur différents serveurs à travers le monde qui est plus proche de ses visiteurs. 

Disons que vous possédez un blog de bricolage qui reçoit 10.000 visiteurs chaque jour et tout son contenu est stocké dans un serveur. Si tous ces 10 000 visiteurs devaient y aller immédiatement, cela augmenterait la vitesse de chargement de tous ceux qui y accèdent immédiatement.

En dehors de cela, un serveur traitant 10.000 demandes à la fois ajoutera également à la vitesse de chargement en même temps.

Astuce no 2. Déplacez votre site Web vers un meilleur hôte

Avant d’expliquer comment c’est un moyen d’améliorer votre site Web, permettez-moi de définir ce qui est l’hébergement web.

L’hébergement Web est un service qui vous permet de publier votre site Web sur Internet et d’être vu par tout le monde.

Il existe quatre types : les serveurs privés virtuels (VPS) partagés, dédiés et sans serveur.

Obtenir un service d’hébergement partagé est le moyen le moins cher et le plus rapide d’obtenir un site Web sur Internet, en échange d’une vitesse de chargement plus lente. L’utilisation de cette méthode implique le partage de processeur, d’espace disque et de RAM avec d’autres sites au sein d’un serveur.

✋ Stop worrying about SEO and have me do it for you

PS: Ready to work with the 0.01% of all SEOs worldwide? Click here.

Pendant ce temps, opter pour les deux autres options sont plus rapides. VPS implique le partage d’un serveur avec d’autres utilisateurs, mais vous avez votre propre part virtuelle de celui-ci tandis qu’un dédié implique l’embauche d’un administrateur système pour prendre soin d’une configuration de serveur pour votre propre site Web.

Enfin, l’option sans serveur consiste à louer une ressource cloud dédiée à n’importe quel fournisseur de cloud public disponible comme AWS, Microsoft ou Google. Cela vous offre la flexibilité d’obtenir toutes les ressources nécessaires tout en ajoutant l’évolutivité illimitée en même temps.

Avant d’investir dans n’importe quel type de serveur, prenez votre temps pour rechercher comment vous pouvez rendre votre site assez rentable pour faire le déplacement et le maintenir aussi longtemps que vous le souhaitez.

Pendant que vous y êtes, ne consultez mon avis de GoDaddy ici

Astuce no 3. Optimisez la taille des images sur votre site Web à l’aide d’ImageOptim

Une stratégie populaire pour garder les visiteurs à venir et réduire votre taux de rebond est d’ajouter des images accrocheuses. Leur ajout à votre site Web permettra d’améliorer l’engagement, comme l’abonnement aux bulletins d’information ou l’achat d’un produit.

Cependant, vous devez vous assurer que chaque image que vous ajoutez n’est pas trop grande. Le laisser seul affecterait considérablement la vitesse du site d’une manière négative.

Il existe de nombreuses façons de réduire la taille d’une image sans sacrifier sa qualité. Dans cette astuce, je vais vous montrer comment utiliser ImageOptim et expliquer ce qu’est la compression d’image.

Comprendre la compression d’image

Autrement dit, l’acte de réduire la taille totale du fichier d’une image avec ou sans sacrifier sa qualité ou ses dimensions est connu sous le nom de compression d’image.

Si vous effectuez cela tout en sacrifiant sa qualité, il est appelé compression lossy. La préservation est appelée optimisation d’image. 

Une façon simple d’expliquer l’optimisation de l’image est qu’elle élimine chaque pixel redondant dans n’importe quelle image et le remplace par un artefact qui correspond à une ligne répétée ou un morceau de pixels.

Cela est simple : il augmentera la vitesse de chargement de l’image, améliorant ainsi la vitesse de votre site Web.

Utilisation d’ImageOptim

ImageOptim est un outil logiciel libre qui peut être utilisé sur les appareils Mac et peut comprimer les fichiers JPEG, PNG et GIF.

Avant d’utiliser ce logiciel, assurez-vous de créer une copie de la photo originale avec laquelle vous souhaitez que le programme fonctionne. Cela vous aidera à disposer d’une sauvegarde en cas d’urgence.

Maintenant, voici mes étapes sur la façon d’utiliser l’outil:

1. Image ouverteOptim.
2. Téléchargez des photos pour compresser en faisant glisser et en cliquant sur le symbole pour parcourir et sélectionner des fichiers.
3. Attendez la fin du programme.
4. Si une chéquier vert apparaît à côté du fichier, cela signifie qu’il a été optimisé avec succès et que vous pouvez voir sa nouvelle taille de fichier et combien il a été en mesure de se raser.
5. Sinon, ne vérifier ce qui ne va pas avec elle et essayer à nouveau de l’étape 2.

En plus d’utiliser cet outil, vous pouvez lire ce guide pour apprendre à personnaliser le programme pour changer son algorithme à quel point il devrait faire l’optimisation.

Astuce no 4. Gérer les plugins à l’aide de Jetpack (sites WordPress uniquement)

Si vous êtes l’un des nombreux utilisateurs WordPress qui ont fait leur site Web en utilisant une tonne de plugins, il peut prendre un certain temps pour le maintenir par vous-même.

En dehors de cela, plus le nombre de plugins est grand, plus un site charge en même temps. Assurez-vous d’ajouter, supprimer et modifier les bons pour votre site Web pendant qu’il est en direct car il vous empêchera d’obtenir de nouveaux visiteurs à l’avenir et de retourner les visiteurs du passé.

Je voudrais vous présenter Jetpack, un outil tout-en-un qui comprend un moyen de gérer vos plugins de contenu.

Comment utiliser Jetpack

Tout d’abord, assurez-vous d’installer et de connecter votre plugin Jetpack à votre site en allant à Plugins – Ajouter de nouveaux. Ensuite, recherchez Jetpack et cliquez sur Install Now pour l’ajouter facilement.

Ensuite, une fois installé avec succès, vous devez naviguer vers Jetpack Paramètres – Visibilité Widget Apparencemd pour activer sa fonction De visibilité Widget.

Une fois activé, vous pouvez ajouter, modifier et supprimer les widgets en visitant Customizer et Widgets.

Il ya deux options qui peuvent être faites pour chaque widget. Le premier vous demande si le widget doit être caché ou montré tandis que la deuxième option vous permet de définir les conditions quant à la façon dont il sera montré ou caché.

Astuce no 5. Feuilles de style JavaScript et Cascading (CSS)

Après avoir discuté de la compression d’image, cette astuce consiste à réduire la taille des fichiers JavaScript et CSS. Discutons de chacun individuellement.

Javascript

Ce type de fichier a une extension de .js et il est utilisé pour permettre plus de fonctionnalités dans les sites Web. L’ajout de ce fichier vous aide à faire toutes sortes de choses, de la soumission de formulaires à la dissimulation de certains éléments dans la même page.

Si vous avez un de ce type de fichier, évitez d’avoir des lignes de code inutiles et trop d’espaces entre les lignes. Cela augmentera le temps de chargement de votre site Web en conséquence.

Il y a trois façons de le faire : modifier les fichiers .js vous-même, embaucher un développeur web ou utiliser un outil de minification.

Les deux premières options sont simples. Il est essentiellement l’édition des fichiers pour supprimer les lignes de code dit et supprimer les espaces inutiles.

La troisième option consiste à obtenir un outil, gratuit ou non, qui le ferait automatiquement pour vous. Il existe de nombreux outils disponibles, tels que Le compilateur de fermeture et le javascript-minifier.

Feuilles de style en cascade (CSS)

Ce type de fichier est la raison pour laquelle votre site web semble jolie. 

Se terminer en .css peut affecter votre page de diverses façons telles que l’alignement des éléments pour changer sa couleur de fond.

Réduire les espaces inutiles et les lignes sera certainement garder le thème de votre site Web bien paraître comme il est tout en rasant ses temps de chargement.

Si vous voulez le faire, vous pouvez également choisir de les modifier vous-même, embaucher quelqu’un d’autre pour le faire, ou utiliser un outil de minification.

L’éditer par vous-même ou par quelqu’un d’autre impliquerait l’ouverture de Notepad ou une autre application similaire et vérifier individuellement quelles lignes supprimer ou non.

Pendant ce temps, la dernière option vous aide non seulement à gagner du temps dans la mise à jour de votre site Web, mais il vous aide également à éviter l’erreur de supprimer une ligne importante par accident.

Certains outils que vous pouvez utiliser pour ce filetype sont cssminifier.com, csscompressor.net et minifycode.com.

Astuce no 6. Mettre en œuvre la compression Gzip

Après que je vous ai montré que la réduction de la taille des fichiers individuels de votre site Web diminuera le temps de chargement de votre site Web, cette astuce va prendre la compression un peu plus loin.

Ceci comportera gzip comme format de fichier. Il est connu comme une méthode pour compresser les fichiers pour augmenter le temps de réponse du serveur qui diminuera le temps de chargement du site Web en conséquence.

Comment cela fonctionne, c’est qu’après qu’un visiteur utilise son navigateur pour charger votre site Web, Gzip met tout son contenu dans un seul fichier, le comprime, puis l’envoie au navigateur du visiteur. Ensuite, le navigateur du visiteur décomprime les fichiers et charge tout avant de le leur montrer.

Afin d’activer cette fonctionnalité pour votre site Web, vérifiez ici pour savoir quels extraits de code pour votre configuration spécifique vous auriez à faire.

Astuce no 7. Utiliser la mise en cache du site Web

Cette astuce implique l’utilisation de la mise en cache afin de réduire le temps de chargement pour vos visiteurs.

Le cachage est défini comme le stockage de la version actuelle de votre site Web dans un service d’hébergement et la présentation de cette version tout en la mettant à jour.

Il aide car il empêche tout visiteur de charger à partir de zéro à partir de l’un de leurs appareils, ce qui les fait gagner du temps et réduit leur taux de rebond.

Cette stratégie ne s’applique pas seulement aux actifs tels que les images de fond et les articles de blog, mais aussi pour la récupération des données de votre base de données aussi.

Prenez note que vous ne pouvez appliquer ce pourboire que si vous n’avez pas choisi de publier votre site Web à l’aide d’un serveur partagé. Il n’a pas cette fonctionnalité.

Si vous avez opté pour VPS ou un serveur dédié, vous pouvez l’activer en modifiant vos paramètres et en activant cette fonctionnalité.

En attendant, si votre site Web a été implémenté à l’aide de WordPress, vous pouvez ajouter des plugins tels que W3 Total Cache ou W3 Super Cache.

Astuce no 8. Optimiser la base de données à l’aide d’un système de gestion de contenu (CMS)

Rappelez-vous que dans mon conseil précédent, j’ai mentionné que la mise en cache est l’un des moyens de réduire le temps de chargement lors du chargement des données à partir de la base de données de votre site Web. 

Cette astuce cible spécifiquement la capacité de votre site Web à récupérer des données à l’aide de CMS.

Il s’agit d’un module que vous pouvez joindre à votre site Web qui peut augmenter la capacité de votre base de données et stocker des commentaires, des messages de blog, et d’autres contenus ajoutés aux visiteurs.

Un exemple d’une telle application est WP-Optimize pour les sites Web wordpress-faits. 

Prenez note que si vous souhaitez utiliser des applications CMS, cela peut augmenter le temps de chargement de votre site Web en échange de l’avantage de capacité de stockage. Vous pouvez jeter un oeil à cette liste pour commencer à chercher un qui peut répondre à vos besoins.

Astuce no 9. Réduire l’utilisation de polices Web

Une police web est définie comme une police hébergée dans un autre serveur tel que Typography ou Google Fonts où votre site Web peut accéder dans son code afin d’aborder ce qui suit :

1. Cohérence: Cela a à voir avec le maintien de votre site Web se ressemblent sur n’importe quel appareil, que ce soit mobile ou PC.
2. Performance: Ceci est lié à la vitesse à laquelle votre site Web chargera tous ses actifs à n’importe quel visiteur.
3. Résolution: Cela a à voir avec la façon dont votre site Web ressemblera lorsque ses visiteurs zoomer sur elle en utilisant leurs navigateurs mobiles ou le voir dans un navigateur avec une plus petite largeur et la hauteur.
4. Disponibilité: Il entre en jeu que vous voulez que tous vos éléments de conception à charger correctement non seulement pour maintenir l’apparence cohérente de votre site Web, mais aussi empêcher une augmentation du taux de rebond.
5. Classement du moteur de recherche : Suivre tous les points ci-dessus augmentera le classement du moteur de recherche de votre site Web, ce qui augmentera le nombre de visiteurs à venir.

Si vous avez l’intention de l’utiliser sur votre site Web ou si vous les utilisez en ce moment, vous pouvez optimiser votre site en utilisant ces conseils pour les polices Web:

1. Utilisez des formats modernes tels que WOFF2 pour les navigateurs modernes
2. Évitez d’utiliser des ensembles de caractères qui ne seront pas utilisés sur le site
3. Évitez d’ajouter des styles de police qui ne seront pas utilisés pour le site

Astuce no 10. Détecter 404 erreurs

404 erreurs se produisent dans les sites Web si vous êtes redirigé vers une page qui n’existe pas. Si vous laissez votre site Web seul monté avec ceux-ci, il augmentera votre taux de rebond et diminuera vos chances d’obtenir plus de visiteurs.