26 outils pour améliorer la vitesse de votre site internet
Dernièrement, nous avons insisté sur le fait que les sites internet rapides sont des sites plus rentables. C’est un fait bien connu, mais il est aussi constamment négligé. Beaucoup de gens sont tellement concentrés sur la fonctionnalité ou la conception de leur site qu’ils ont complètement oublié cette influence majeure sur leurs taux de conversion. Lorsqu'il s'agit d'améliorer la vitesse de votre site internet, moins, c'est souvent plus. Réduire les zones les endroits ou la vitesse de chargement des pages est un problème peut s'avérer une tâche décourageante. Heureusement, il existe des outils d'optimisation de pages Web pour vous aider ! 26 outils pour améliorer la vitesse de votre site internet
L’amélioration de la vitesse de navigation des pages de votre site internet aide non seulement les utilisateurs à convertir, mais elle peut également influer considérablement sur le classement de votre site dans les pages de recherches. De nombreux sites internet négligent les initiatives plus fastidieuses qui contribuent à améliorer la vitesse de lecture des pages et la qualité globale du site, telles que la maintenance de base du site internet et les audits de sécurité.
Globalement, l'amélioration de la vitesse du site internet peut augmenter la quantité de trafic de recherche venant sur votre site et également augmenter les chances de conversion du trafic en clients payants.
Lors de la création de contenu pour votre site internet, il ne fait aucun doute que les temps de chargement devraient être tenu en tête. Pour vous aider dans ce processus, pour la fonction «outil du mois» de Janvier, nous avons rassemblé une liste d’outils que nous recommandons pour améliorer la vitesse de votre site internet. ENJOY !
Cliquez sur ces liens pour passer à la section de votre choix
Si vous recherchez un outil spécifique, vous pouvez accéder directement à chaque section:
- Outils pour mesurer la vitesse de chargement des pages de votre site internet
- Outils pour suggestions d'amélioration de la vitesse de votre site internet
- Outils d'optimisation d'image
- Outils d'optimisation technique
Sans plus tarder, voici la liste complète des outils!
Outils pour mesurer la vitesse du site internet
Vous ne saurez pas comment vous améliorer tant que vous n’aurez pas commencé à mesurer le temps de chargement de votre site internet. Il existe des dizaines d’outils utiles, mais nous n’avons pas le temps de parler de tous. Au lieu de cela, voici donc nos favoris!
1. Test de vitesse de site internet Pingdom
Pingdom fournit une mesure simple et rapide de la vitesse de votre site internet. Une cascade très pratique contenant toutes les demandes émises par le navigateur peut vous donner de très bons indices sur les causes d’un temps de chargement aussi lent.
2. Rapport de performance GTmetrix, un outil gratuit pour améliorer la vitesse de votre site
GTmetrix fournit également un simple rapport en cascade indiquant ce qui se charge et contribue à la vitesse de votre page web. Cliquez sur chaque élément pour afficher des recommandations supplémentaires sur ce qui devrait être amélioré.
3. Google Chrome - Élément d'inspection
Si vous préférez voir les principaux contributeurs à la vitesse de votre site internet et ses pages web dans votre navigateur, essayez d'afficher l'onglet Réseau de l'outil Inspecter l'élément pour Chrome.
Faites un clic droit n'importe où sur la page Web -> Inspecter élément -> Réseau
Cela vous donnera une vue en cascade similaire à celle de Pingdom et de GTmetrix, sauf que ce sera au bas de votre navigateur sur la page que vous analysez plutôt que de vous rendre sur un autre site internet et d'entrer l'URL.
4. Google Analytics - analyse de la vitesse du site internet par jour
Lors de l'analyse de votre site, Google Analytics peut constituer le meilleur moyen de mesurer le temps de chargement de vos pages. Google Analytics répertorie les pages qui se chargent le plus lentement dans le temps, vous permettant ainsi de suivre vos progrès tout en améliorant la vitesse de vos pages.
Suggestions d’amélioration
Les outils permettant de mesurer la vitesse du site internet et de ses pages web peuvent en principe simplement vous dire «wow, vos temps de chargement sont affreux». Mais qu'allez-vous faire maintenant ?
Encore une fois, heureusement, il existe PLUS d'outils disponibles pour vous aider à démarrer tout le processus. Quel est votre plan de match ? Le plus souvent, surtout si vous n’avez jamais cherché à améliorer la vitesse des pages de votre site internet, il existe des solutions simples qui peuvent donner un coup de pouce à votre site.
Cependant, certains de ces outils peuvent devenir assez techniques. Si vous ne connaissez pas JavaScript ou savez comment modifier les paramètres de votre serveur, il peut être préférable d'éviter de gâcher ces zones jusqu'à ce que vous vous sentiez à l'aise d'effectuer ces modifications ou que vous ayez trouvé quelqu'un qui le puisse.
Heureusement, les outils 5 à 7 indiqueront probablement des solutions très simples susceptibles d’améliorer rapidement vos temps de chargement de page et la vitesse de votre site internet.
5. Outils Google Page Speed - PageSpeed Insights
Lorsqu’il s’agit de mesurer la vitesse des pages de votre site internet, Google fournit un plan d’attaque parfait au sein de l’outil PageSpeed Insights.
Cet outil génère un score sur 100 basé sur plusieurs facteurs de vitesse de page connus pour ralentir les temps de chargement. Les versions pour mobile et pour ordinateur de bureau affichent des scores distincts en fonction de la qualité d'affichage de votre site sur différents appareils. C’est tout ce dont vous pourriez avoir besoin pour vous expliquer comment améliorer la vitesse du site internet.
Dans les résultats, vous trouverez quelques informations précieuses que vous pourrez considérer lors de votre prochaine étape d’amélioration de la vitesse du site internet et de sa page. Partout où vous voyez une flèche "Montrer comment réparerEstimation des économies potentielles", vous devez répertorier les choses à améliorer.
Google fournit également quelques zones différentes pour vous permettre d'accéder à PageSpeed Insights de manière plus efficace et plus mesurable.
6. Extension Chrome de PageSpeed Insights
Il est tout simplement plus facile d’avoir accès aux mêmes données directement dans votre navigateur plutôt que de consulter constamment l’outil de Google pour consulter vos pages. Heureusement, le bon vieux Google a trouvé un moyen d’y parvenir avec une extension Chrome facile à installer.
Sur n'importe quelle page Web, un simple clic sur le logo dans la barre du navigateur vous donnera un coup d'œil sous le capot. Avec l’extension installée, vous pouvez également afficher des informations supplémentaires sur le temps de chargement de cette page.
Après avoir cliqué sur «Analyser», vous pouvez maintenant voir toutes ces excellentes suggestions sur la façon d’accroître la vitesse du site internet par rapport à avant, directement dans votre navigateur et sur la même page.
7. Google Analytics - Suggestions pour améliorer la vitesse du site
Encore une fois, Google Analytics peut fournir une aide supplémentaire pour augmenter la vitesse de votre site internet. En fait, tout ce qu'il fait, c'est afficher le score et les suggestions de PageSpeed Insights dans votre tableau de bord Google Analytics. Techniquement, ce n’est pas un outil pour améliorer la vitesse de votre site, ou vitesse de page Web différent, mais il est utile de le voir sous un angle différent.
Un excellent moyen d’utiliser cet outil consiste à trier par temps de chargement ou par pages vues. Vous pouvez ensuite voir laquelle de vos pages a le plus besoin d'aide ou afficher les pages très visitées qui pourraient être améliorées. L'analyse des pages très visitées peut vous montrer rapidement comment augmenter le taux de conversion en accélérant le temps de chargement.
Bon, vous avez donc mesuré la vitesse de votre page avec un outil de test de la vitesse de site internet. Vous avez même trouvé des domaines à améliorer. Il est temps de sévir et de vous salir les mains. La prochaine série d’outils vous aidera à le faire, en fonction de vos travaux. Nous aborderons les domaines communs (plus faciles) qui pourraient nécessiter des améliorations et les outils dont vous aurez besoin pour y arriver.
Outils d’optimisation d’image
Respectant les diverses suggestions faites par les outils ci-dessus, vous avez peut-être vite compris que les images sont énormes. Il y a quelques détails techniques impliqués, mais la règle générale est de garder le fichier image aussi petit que possible.
De manière générale, vous ne voulez pas que votre site internet charge une image gigantesque, mais seulement qu’elle soit réduite au format HTML. Cela provoque des temps de chargement de page inutilement élevées! L’optimisation de vos images est un excellent moyen d’améliorer le temps de chargement de vos pages. Vous pouvez le faire de plusieurs façons. Les outils 8 à 18 aideront !
Outils de redimensionnement d'image
Nous ne pouvions pas choisir un seul outil pour cette étape importante. Fondamentalement, vous voulez que vos images aient exactement la même largeur et la même hauteur que celles requises sur votre site. Cela signifie que vous ne souhaitez pas avoir une image de 1200 pixels de large, mais affichée sur votre blog à 300 pixels. Vous devez redimensionner le fichier image réel à 300 pixels. Cela réduira la taille de vos images et réduira considérablement les temps de chargement.
Voici une liste d’outils et de tutoriels que vous pouvez utiliser avec :
8. Redimensionner une image dans Photoshop
9. Redimensionner une image dans Paint
10. Redimensionnement d'une image dans Microsoft Picture Manager
11. Pixlr
12. Web Resizer
13. Shrink pictures
14. Pic Resize
Outils de compression d'image
De même, il existe autant d’outils de compression ! La compression d’image combinera des couleurs similaires et éliminera beaucoup de déchets inutiles dont vos images n’ont pas besoin. Cela semble brutal, mais vous ne pouvez généralement pas faire la différence entre des images compressées et non compressées!
Vous pouvez également le faire dans Photoshop, mais nous avons trouvé quelques outils de compression en ligne qui pourraient être plus faciles à utiliser:
15. Kraken.io (photo ci-dessus)
16. TinyPNG
17. L'outil PageSpeed Insights de Google constitue un moyen supplémentaire de procéder. Dans la section Optimiser les images, des liens «Voir le contenu optimisé» apparaissent à côté de chaque suggestion. Vous pouvez les ouvrir, puis les enregistrer pour les utiliser sur votre site internet !
18. Images Lazy loading
Vous pouvez aller plus loin dans l'accélération de vos images. En fait, vous pourriez ne pas les charger du tout! … Jusqu'à ce que le visiteur ait réellement besoin de les voir.
Les images au chargement différé (lazy Load images) sont empêchées, via JavaScript, de se charger tant qu'un événement donné ne se produit pas. Cet événement peut être basé sur l'heure ou sur l'orientation de votre visiteur. Par exemple, une image ne sera pas chargée tant que l'utilisateur n'aura pas fait défiler la page suffisamment bas pour la voir. Cela évite à votre page d'attendre le chargement d'une image qui ne sera même pas vue avant plusieurs secondes (ou même quelques minutes) plus tard.
Le lazy loading peut être un sujet compliqué, mais de nombreux plugins WordPress et jQuery de chargement différé ne sont pas trop difficiles à configurer si vous connaissez bien le langage HTML et JavaScript.
Outils Sprite CSS pour améliorer la vitesse de votre site
Votre site peut contenir des images et des icônes que vous avez créées ou trouvées en ligne et que vous pouvez utiliser sur votre site. Un bon moyen d'économiser de l'espace consiste à combiner ces images dans des sprites CSS (non, pas la boisson 😉 ).
Un sprite CSS vous permet de combiner plusieurs images en une seule et d’économiser le temps qu’un navigateur a pour communiquer avec le serveur. Ensuite, quelques CSS simples divisent l’image en sections pour afficher la bonne partie là où elle est nécessaire sur le site.
La combinaison des images et la recherche des dimensions correctes pour chaque section peuvent être un processus agaçant. Cependant, certaines personnes sympathiques ont créé quelques outils ici et là pour faciliter le processus!
19. Spritecow
20. SpritePad
21. Spritebox (photo ci-dessus)
Outils d’optimisation technique
OK, si vous n’êtes pas dans les détails techniques, vous voudrez peut-être ignorer cette partie. Bien que ce ne soit pas trop avancé et que vous puissiez en tirer des leçons!
Après avoir optimisé le contenu que vous avez créé pour votre site internet, il est peut-être temps de jeter un coup d'œil aux zones de votre cadre qui hébergent le contenu des zones à améliorer.
22. W3 Total Cache
Si vous utilisez WordPress, vous apprécierez grandement ce plugin gratuit. W3 Total Cache prend presque tous les détails en coulisse et les optimise pour vous. Cela inclut le contrôle du cache, la gestion des CDN et la minification de code.
W3 Total Cache peut faire beaucoup, et c’est l’un des plugins les plus puissants du marché. Cela étant dit, il serait peut-être préférable de suivre quelques tutoriels détaillés sur son utilisation !
23. CDN CloudFlare
Un CDN réduira la distance entre le serveur hébergé de votre site Web et l’utilisateur qui tente d’y accéder. Cette amélioration logistique accélérera votre site Web, car il le nourrit de manière dynamique en empruntant le chemin le plus court jusqu'au monde entier.
Il existe plusieurs CDN, mais CloudFlare est l’un des meilleurs. Il se trouve également qu'il propose une version gratuite que tout le monde peut utiliser!
CloudFlare est quelque chose qui peut facilement intimider les utilisateurs, car c'est un autre outil extrêmement puissant pour la gestion de sites internet. Mais ne craignez rien: il existe de nombreux tutoriels pour bien le configurer !
- Comment configurer CloudFlare dans WordPress
- Utilisation de CloudFlare avec W3 Total Cache
- Support de CloudFlare
Outils pour réduire le code de votre site (minify)
Il y a beaucoup d'espace inutile dans les fichiers inclus dans votre site internet. Les navigateurs ne s’intéressent pas vraiment aux espaces autres que la copie originale, ce qui rend tout ce code facile à lire simplement gaspillé. Réduire le code supprimera tous les espaces supplémentaires. Cela condense la taille du fichier, le rendant extrêmement difficile à lire, mais toujours fonctionnel.
24. YUI Compressor peut être utilisé pour réduire votre CSS et votre JavaScript.
25. Vous pouvez également utiliser Google PageSpeed Insights pour réduire votre code HTML. Cliquez simplement sur «Voir le contenu optimisé» dans les zones correspondantes, comme décrit ci-dessus, pour optimiser les images.
26. Si vous utilisez WordPress, il existe plusieurs plug-ins pour réduire votre code, y compris W3 Total Cache.
Et voilà c’est fini pour cette liste d’outils pour augmenter la vitesse de votre site internet !
Je suis convaincu que l’accélération de la vitesse de votre site internet ne se limite pas à ces 26 outils, mais j’espère que vous trouverez que cela vous aidera beaucoup dans vos efforts d'amélioration de la vitesse globale de vos pages web ! Beaucoup ont tout mis en œuvre pour augmenter la vitesse de chargement de leurs pages car cela peut avoir un impact considérable sur leurs activités en ligne. Espérons que ces outils vous permettront d'aller dans la bonne direction pour des sites internet plus rapides et de meilleurs temps de chargement.
Si vous souhaitez en savoir plus sur l'amélioration de la vitesse de votre site internet, voici quelques ressources précieuses que vous pouvez consulter :
- Guide du débutant sur l’optimisation de la vitesse des sites Internet de Bulledev
- La liste de 18 compresseurs d’images de Mashable pour accélérer votre site internet
- Notre précédent test de l'outil Feed the Bot
- Pourquoi les sites internet plus rapides font gagner plus d'argent
Avez-vous un outil d’amélioration de la vitesse de votre site internet et du chargement des pages que vous aimeriez recommander ? Vous êtes plus que bienvenu pour le mentionner dans les commentaires. Nous aimerions en discuter avec vous !
Inscrivez-vous à notre Newsletter pour recevoir nos derniers articles