Il y a moins de choses plus frustrantes qu'un site Web qui prend du temps à se charger. Ce n’est donc pas une surprise que non seulement les internautes, mais aussi les moteurs de recherche, essaient de rester à l’écart des sites lents. Dans cet esprit, voici quelques-uns des meilleurs conseils que vous pouvez mettre en œuvre pour éviter d'ennuyer les visiteurs et de les détourner lors de leur première visite sur votre site Web.
1. Rationalisez votre code
Le meilleur constructeur de site Web rendra assez simple la création d'un site Web. Bien que leur riche ensemble de modèles vous aide à styliser facilement votre site Web, ils présentent un inconvénient. De nombreux modèles ont un code désordonné qui peut ralentir votre site Web.
Pour surmonter le problème, vous pouvez supprimer tout le code et la mise en forme inutiles dans vos fichiers HTML, CSS et JavaScript. Ce processus d'élimination de l'excès est appelé minification et vous pouvez utiliser des outils en ligne simples comme le minificateur de Will Peavy pour vous aider à démarrer. Les utilisateurs de WordPress peuvent utiliser le plugin Autoptimize pour rendre le processus assez simple.
2. Compressez votre site Web
Les sites Web ne tardent pas à devenir gros et lourds. Toutes les images et même les fichiers HTML, CSS et JavaScript en texte brut gonflent rapidement. L'un des meilleurs mécanismes pour accélérer un site Web est d'activer la compression avec Gzip. Cela réduira la taille de la réponse HTTP, réduisant ainsi les temps de réponse.
Vous devrez activer le module de compression approprié sur votre serveur Web avant de l’activer pour votre site Web en modifiant le fichier .htaccess. Les étapes exactes varient et dépendent de votre serveur Web, mais voici comment procéder dans Apache.
3. Optimiser les images
Les images sont l'une des parties les plus volumineuses d'un site Web et généralement l'élément de chargement le plus lent sur n'importe quelle page Web. Pour régner dans le comportement, au lieu de redimensionner de grandes images via HTML, commencez par redimensionner toutes les images de votre site Web à la taille exacte dans laquelle vous les souhaitez.
En fait, vous devez garder une liste des différentes tailles d'image pour les différents éléments de votre site Web pour vous assurer de ne jamais télécharger plus de pixels que nécessaire. Si vous avez un site Web riche en images, vous devriez également envisager de les compresser. L'un des outils les plus courants à cette fin est reSmush.
Il fonctionne avec tous les systèmes de gestion de contenu (CMS) populaires et dispose également d'un client CLI Linux pour la compression d'images à utiliser sur des sites statiques. Vous pouvez également utiliser Compressor.io pour presser plusieurs images en un clin d'œil.
4. Multimédia de chargement paresseux
Le chargement paresseux signifie que les images, les vidéos et les iframes ne sont chargés qu'une fois que les utilisateurs font défiler la page et les voient réellement. Cela peut considérablement améliorer les temps de chargement initiaux de vos pages.
Auparavant, c'était quelque chose que vous implémentiez à l'aide de JavaScript, mais le chargement différé n'est pas intégré aux navigateurs Web. Les utilisateurs de WordPress ont plusieurs choix et deux de nos favoris sont Lazy Load de WP Rocket et a3 Lazy Load, qui est conçu pour les appareils mobiles.
5. Utilisez des liens de partage rapides sur les réseaux sociaux
De nos jours, vous souhaitez que les gens partagent votre contenu sur les réseaux sociaux. Sur de simples sites Web HTML, vous pouvez utiliser un outil générateur de liens comme le générateur de lien de partage gratuit qui vous aide à créer des liens de partage social pour Facebook, Twitter, LinkedIn et Pinterest sans avoir recours à des iframes ou à JavaScript. Comme d'habitude, les utilisateurs de WordPress ne manquent pas de plugins qu'ils peuvent utiliser à cette fin, y compris Social Warfare et Grow.
6. Désinstallez les plugins inutiles
Un CMS comme WordPress peut avoir de nombreux plugins qui peuvent ajouter des fonctionnalités vraiment utiles à votre site Web. Cependant, avoir trop de plugins peut ralentir votre site Web, c'est pourquoi vous ne devez exécuter que les plugins dont vous avez vraiment besoin.
Cela dit, tous les plugins ne sont pas conçus de la même manière et vous pouvez accélérer votre site Web en remplaçant un plugin par une alternative plus rapide. L'outil en ligne GTmetrix analysera votre site Web gratuitement et vous montrera une liste de plugins qui ont des temps de chargement élevés. Pensez à remplacer ces plugins, surtout s'ils sont appelés plusieurs fois par une alternative plus légère.
Les utilisateurs de WordPress peuvent également utiliser le plugin Query Monitor pour une analyse détaillée des plugins utilisés sur leur site Web. Bien sûr, n'oubliez pas de supprimer le plug-in Query Monitor lui-même lorsqu'il a atteint son objectif.
7. Réduisez les redirections
Les redirections sont souvent nécessaires lorsque vous déplacez et supprimez des pages et constituent le meilleur moyen d'éliminer les problèmes de liens rompus. Mais si les redirections 301 sont préférables aux erreurs 404, elles ne sont toujours pas idéales car elles ralentissent le temps nécessaire au navigateur pour atteindre la version correcte d'une page. Vous pouvez utiliser le vérificateur de redirection en masse de Screaming Frog pour analyser les redirections sur votre site Web et essayer de minimiser leur utilisation.
8.Faites moins de requêtes HTTP
La réduction des requêtes HTTP est un bon moyen d'optimiser votre site Web. Chaque élément que vous ajoutez à une page se traduit par une requête HTTP. Plus le navigateur doit faire ces demandes, plus votre page mettra du temps à se charger complètement. C'est pourquoi, même si cela demande du travail, les résultats de la réduction du nombre de demandes sont très impressionnants.
Vous pouvez utiliser les outils de développement dans le navigateur et basculer vers l'onglet Réseau pour afficher les requêtes HTTP en détail. Une fois que vous avez une idée des fichiers qui prennent le plus de temps à charger, vous pouvez rechercher ceux que vous pouvez combiner (en particulier les fichiers CSS) et ceux que vous pouvez supprimer.
9. Mettez CSS avant les scripts
Placer correctement vos feuilles de style et vos scripts influencera le chargement de votre site. Vous devez toujours placer votre CSS en haut de la section. Cela permet au navigateur de charger votre CSS en premier, afin que les utilisateurs puissent voir le contenu de votre site charger.
Javascript, en revanche, doit être aussi proche que possible du bas. En effet, les navigateurs doivent d'abord analyser le JavaScript avant de pouvoir passer à la balise suivante. Si vous placez les scripts avant le contenu réel, les utilisateurs regardent une page vierge pendant que le navigateur exécute le JavaScript.
10. Allez oldschool si possible
En utilisant un langage de script comme PHP, vous pouvez faire des choses qui ne sont pas possibles avec du HTML simple. Cependant, le traitement de PHP prend plus de temps que l'analyse HTML, évitez donc de demander des informations via PHP, si elles peuvent être récupérées avec du HTML statique.
De même, il n'est pas toujours judicieux d'utiliser le mécanisme CSS @import pour inclure des feuilles de style externes sur vos pages Web au lieu de la balise HTML. Bien que les deux atteignent le même objectif, @import utilise plus de ressources qu'un lien direct vers vos feuilles de style.
11. Activer la mise en cache
Lorsque vous visitez un site Web, tous les éléments de la page sont stockés sur votre disque dur dans une zone de stockage temporaire appelée cache. Cela est pratique car lors des visites suivantes, votre navigateur affichera la page sans avoir à envoyer une autre requête HTTP au serveur.
Si vous exécutez un site WordPress, vous pouvez utiliser un plugin comme le plugin W3 Total Cache pour activer facilement la mise en cache. En revanche, si vous disposez d'un site HTML statique, vous pouvez activer la mise en cache en utilisant ce que l'on appelle un en-tête Expires dans votre fichier .htaccess. Une fois activés, les en-têtes expirés permettront non seulement de gagner du temps pour télécharger les fichiers déjà mis en cache, mais aideront également à réduire le nombre de requêtes HTTP.
12. Bases de données Spring Clean
Il est fort probable que vous utilisiez un CMS comme WordPress ou Joomla pour héberger votre site Web. Au fur et à mesure que vous manipulez votre installation (ajoutez et supprimez des plugins, créez et mettez à jour des publications, installez des mises à niveau, etc.), la base de données alimentant le CMS deviendra assez gonflée et lente. Pour éviter cela, vous devez utiliser le plugin WP-Optimize pour nettoyer régulièrement la base de données.
13. Bloquer le hotlinking
Le hotlinking se produit lorsque quelqu'un affiche une image de votre site en utilisant directement son lien Web. À chaque chargement, l'image est extraite du serveur du site Web source.
Plusieurs options s'offrent à vous pour empêcher le hotlinking. De nombreux hôtes bien connus proposent une bascule dans l'interface d'administration pour empêcher la liaison à chaud. Ensuite, il y a des plugins WordPress tels que All In One Security & Firewall qui fourniront une protection contre les hotlinking. Enfin, vous pouvez ajouter des instructions dans votre fichier .htaccess.
14. Activez le paramètre Keep Alive
Le message Keep Alive est échangé entre le serveur Web et une machine cliente pour permettre la même connexion TCP pour une conversation HTTP au lieu d'en ouvrir une nouvelle à chaque nouvelle requête. Également appelé connexion persistante, Keep Alive permet de réduire la latence des demandes ultérieures. La plupart des sociétés d'hébergement, en particulier dans l'hébergement mutualisé, désactivent cette fonctionnalité.
Le réglage est mieux contrôlé en ajustant le serveur Web. Cependant, vous pouvez remplacer la valeur par défaut du serveur en ajoutant les lignes suivantes dans votre fichier .htaccess:
Jeu d'en-têtes Connexion keep-alive
15. Accélérez WordPress
WordPress dispose de plusieurs plugins pour améliorer les performances qui aideront à optimiser différents aspects du site Web. L'un des plus complets est celui des perfmatters qui utilise la plupart des techniques d'accélération des performances couramment utilisées. La bonne chose à propos de ce plugin premium est que la plupart de ses techniques d'optimisation sont exposées via une interface utilisateur simple, ce qui le rend accessible à tous les types d'utilisateurs.
16. Installez Google PageSpeed
Google PageSpeed est un ensemble de modules open source pour les serveurs Web Apache et Nginx. Ils vous aident à optimiser votre site Web en mettant en œuvre certaines des techniques d'amélioration des performances les plus utiles, telles que celles que nous avons partagées dans cet article. Vous pouvez télécharger et installer les modules sur votre serveur Web si vous en êtes propriétaire. Sinon, vous devrez rechercher un fournisseur d'hébergement qui le fasse. Habituellement, les hébergeurs Web ne proposent cela qu'avec leurs plans d'hébergement dédié de premier plan, bien que certains comme GoDaddy l'installent sur leurs serveurs d'hébergement Linux.
17. Réduisez les recherches DNS
L'un des principaux facteurs qui a une incidence directe sur la rapidité de chargement de votre site Web est le temps nécessaire aux recherches DNS. Une recherche DNS est le processus de recherche de l'adresse IP associée à une URL.
Une façon d'accélérer votre site Web est de réduire le nombre de noms d'hôte uniques. Moins de requêtes DNS réduira le temps de réponse et accélérera le chargement des sites Web. Tenez également compte du fait que le temps nécessaire pour interroger les enregistrements DNS dépend de la vitesse du fournisseur DNS.
Si vous n'êtes pas satisfait des performances de votre fournisseur DNS, envisagez de passer à un autre. DNSperf suit la vitesse de requête des différents fournisseurs DNS faisant autorité.
18. Passez à un meilleur hébergeur Web
Si vous avez essayé d'accélérer votre site Web, mais que vous n'avez pas remarqué beaucoup de différence, le problème pourrait bien être votre hébergement Web. La plupart des hébergeurs Web les moins chers, en particulier ceux partagés, sont assez encombrés et utilisent des serveurs qui manquent de ressources pour allouer suffisamment à chaque site Web. Vous devriez plutôt passer un peu de temps à rechercher les différentes options proposées, avant de trouver un hôte et le plan d'hébergement de votre site Web.
19. Utiliser un réseau de diffusion de contenu
En plus de passer à un meilleur hébergeur Web, vous devez également envisager d'utiliser un réseau de diffusion de contenu (CDN). Contrairement à votre serveur situé dans un emplacement spécifique, un CDN utilise un réseau de serveurs qui, en un sens, distribuent votre contenu à des serveurs du monde entier, le rapprochant essentiellement de vos visiteurs, quel que soit leur emplacement. Les CDN accélèrent un site Web en réduisant la distance physique entre le contenu et les visiteurs. Vous pouvez héberger tous les types de contenus avec des CDN et même en utiliser plusieurs pour cibler des emplacements spécifiques.
20. Surveiller régulièrement les performances
Un aspect important du réglage de votre site Web est de garder un œil sur ses performances. Cela vous aidera non seulement à évaluer l'impact d'une modification, mais en fonction de l'outil utilisé, vous indiquera également les aspects du site Web qui nécessitent une attention particulière. Le test de vitesse du site Web de Pingdom est un outil en ligne populaire qui permet non seulement de tester les temps de chargement des pages, mais également de signaler les problèmes.
De même, vous pouvez utiliser Google Test My Site pour analyser les performances de votre site Web sur les appareils mobiles. En plus de fournir des mesures utiles, l'outil partagera également des recommandations pour vous aider à accélérer votre site Web pour les appareils mobiles.
- Nous avons présenté le meilleur hébergement Web Wordpress.