Rejoignez le programme ! Nous ne sommes plus en 1996 – les visiteurs du site Web d’aujourd’hui sont tout aussi tolérants envers les sites Web à chargement lent qu’ils le sont envers les anciens sons des modems commutés que nous écoutions tous pour nous connecter.
Mais le fait est que les visiteurs ne sont pas les seuls à détester les sites lents : Google et les autres principaux moteurs de recherche utilisent désormais la vitesse du site comme facteur de classement. En d’autres termes, vous signalerez à la fois les lecteurs et les moteurs de recherche si vous obligez les deux groupes à s’attendre à des images trop volumineuses, à des requêtes HTTP excessives et à d’autres éléments du site qui peuvent ralentir les temps de chargement.
Donc, avec tout cela à l’esprit, si vous n’effectuez qu’une seule tâche de référencement cette semaine, demandez-leur d’appliquer les meilleures pratiques de vitesse de site suivantes pour rendre votre site Web extrêmement rapide :
Réduisez les requêtes HTTP en combinant des images dans des sprites CSS
Un facteur important qui détermine la vitesse de votre site est le nombre de requêtes HTTP qui doivent être envoyées avant que votre site Web ne soit complètement chargé. Compte tenu de la conception complexe de la plupart des sites Web de nos jours, il n’est pas rare d’avoir des dizaines d’images qui doivent être chargées chaque fois que vous essayez d’accéder au site.
Pour chaque image téléchargée, une requête HTTP est envoyée. Par conséquent, utiliser plus d’images dans la conception de votre site Web génère plus de requêtes HTTP, ce qui augmente le temps de chargement de votre site Web, car la taille totale de toutes les images téléchargées ensemble est beaucoup plus grande que si une seule image était demandée.
La solution ici consiste à compresser et à combiner toutes les images de mise en page de votre site Web à l’aide de sprites CSS. Avec cette technique, vous pouvez réduire considérablement la quantité de communication qui se produit entre le navigateur d’un visiteur et votre serveur en adressant le nombre de requêtes HTTP qui sont envoyées, ainsi que la taille globale de l’image qui doit être téléchargée avant d’être chargée. votre site web. .
Pour commencer avec cette technique, consultez l’outil Spriteme, ainsi que les instructions sur cette page qui expliquent le processus de combinaison d’images en sprites CSS.
Optimisez les images utilisées sur votre site web
Il ne fait aucun doute que l’utilisation d’images sur votre site Web rend vos pages plus attrayantes visuellement, mais il est également clair que chaque image que vous ajoutez à votre site a le potentiel de le ralentir. Étant donné qu’il est pratiquement hors de question de revenir à des pages entièrement textuelles à ce stade, il est important de comprendre comment optimiser les images de votre site conformément aux meilleures pratiques de référencement.
Une étude menée par The Poynter Institute, The Estlow Center for Journalism & New Media et Eyetools.com a révélé que les images plus grandes sont plus susceptibles d’engager les visiteurs et de retenir leur attention, par rapport aux images plus petites. En fait, selon l’étude, une expérience avec des images plus petites par rapport à des images plus grandes a montré que 600 % de personnes en plus prêtent attention lorsque des images plus grandes sont utilisées.
Malheureusement, bien que l’utilisation de grandes images sur votre site Web puisse être efficace pour attirer les gens vers votre contenu ; plus les images que vous utilisez sont grandes, plus il faut de bande passante pour accéder à votre site et plus il devient lent. Lorsque vous utilisez trop d’images, votre site devient si lent que les gens le fermeront avant même d’avoir eu la chance de voir les images.
Dans la plupart des cas, la solution consiste à optimiser vos images en utilisant des fichiers de plus petite taille qui conservent leur qualité et leur impact. Vous pouvez réduire considérablement la taille de chaque image de votre site en compressant, redimensionnant ou optimisant vos fichiers image avant de les télécharger sur votre serveur.
Cependant, c’est cette partie “avant” qui manque à de nombreux webmasters. Si vous utilisez WordPress, vous savez probablement que cet outil de gestion de site populaire vous permet de télécharger des images en taille réelle sur votre site, puis d’afficher une version redimensionnée dans vos articles. Ces changements sont effectués à la volée et ne nécessitent aucun effort supplémentaire de la part du webmaster en termes de modification ou de compression des fichiers images.
Mais à l’insu de la plupart des utilisateurs de WordPress, la plupart des navigateurs chargeront d’abord l’image entière avant de remarquer la commande WordPress pour redimensionner l’image, augmentant éventuellement le temps nécessaire pour charger votre site. Sans surprise, vous pouvez contourner ce problème en redimensionnant vos images à la taille exacte souhaitée avant de les télécharger sur votre site. Concrètement, vous pouvez :
- Redimensionnez vos images avec cet outil fourni sur ImageOptimizer.net.
- Optimisez vos images pour supprimer les octets inutiles avec Yahoo Smush.it
- Si vous êtes un utilisateur de WordPress, vous pouvez installer WP Smush.it, un plugin WordPress qui optimise et réduit automatiquement la taille de chaque image WordPress que vous utilisez.
Utiliser un CDN
Vous pouvez également accélérer votre site Web en utilisant les réseaux de diffusion de contenu (CDN), de vastes collections de serveurs hébergés à plusieurs endroits dans le monde. Fondamentalement, lorsque vous téléchargez votre contenu sur un CDN, plusieurs copies de votre site Web seront stockées sur différents serveurs dans différents pays, prêtes à être livrées aux personnes qui visitent votre site Web à partir d’emplacements proches.
En règle générale, l’un des facteurs qui influencent la rapidité avec laquelle les utilisateurs pourront accéder à votre site Web est leur emplacement. Par exemple, un utilisateur américain pourra accéder à un site Web hébergé aux États-Unis beaucoup plus rapidement qu’un utilisateur allemand ne pourra charger les mêmes pages depuis les États-Unis.
En utilisant un CDN, votre réseau de serveurs servira automatiquement la version de votre site hébergée sur le serveur le plus proche, plutôt que de servir la même version hébergée localement de votre site Web à tout le monde. Le résultat? Des temps de chargement de site Web plus rapides et des utilisateurs plus satisfaits dans l’ensemble.
Si vous êtes intrigué par le potentiel des CDN, consultez MaxCDN et Amazon CloudFront, deux excellents services qui peuvent vous aider à naviguer dans la transition vers un CDN.
Réduisez le nombre de plugins que vous utilisez
Une autre étape pour rendre votre site Web extrêmement rapide consiste à réduire considérablement le nombre de plugins que vous utilisez sur votre site.
Divers plugins ralentiront non seulement votre site Web, mais rendront également votre site plus vulnérable aux menaces de sécurité potentielles. Cela est particulièrement vrai si vous utilisez un CMS open source comme WordPress, car chaque plugin est codé par une personne différente, ce qui entraîne un code incohérent et de nouvelles failles de sécurité.
De plus, la plupart des choses pour lesquelles vous utilisez des plugins pourraient être codées dans votre thème, notamment :
- Boutons de partage social
- formulaires d’abonnement
- appels à l’action
- Fichier, archive
- commentaires
Chaque fois que vous pensez à installer un plugin, posez-vous d’abord ces deux questions :
- Est-il nécessaire d’avoir la fonction fournie par le plugin ?
- Si besoin, peut-il être codé dans mon thème ?
S’il est possible d’ajouter la fonctionnalité souhaitée au thème de votre site, au lieu d’installer un autre plug-in, demandez à votre développeur Web d’ajouter le code nécessaire pour accélérer les temps de chargement.
Évitez les liens dynamiques ou les liens vers des images externes
Une mauvaise habitude dans laquelle de nombreux webmasters tombent est d’intégrer des images hébergées sur d’autres sites ou serveurs dans leurs articles, souvent parce que cela semble plus facile à faire que de télécharger, redimensionner et télécharger des images par vous-même.
Malheureusement, héberger vos images sur un autre serveur ne vous sera d’aucune utilité. Cela peut non seulement entraîner d’éventuelles violations du droit d’auteur (surtout si vous n’êtes pas autorisé à créer un lien direct vers les images en question), mais cela peut également ralentir votre site. Lorsqu’un lecteur visite une page de votre site qui utilise une image de lien dynamique, le serveur devra demander le contenu de votre site Web. premier avant de demander l’image à l’autre serveur.
En conséquence, l’une des situations suivantes pourrait se produire :
- Si un grand nombre de personnes essaient d’accéder au serveur sur lequel votre image est téléchargée, cela pourrait ralentir ou même bloquer l’accès pour les personnes essayant d’accéder aux fichiers à partir de sources externes. Ceci, à son tour, rend votre site Web extrêmement lent.
- Le serveur externe est peut-être en panne ; auquel cas, le navigateur de votre visiteur continuera d’essayer d’extraire des images d’un serveur en panne, affectant finalement la vitesse de votre propre site.
La solution évidente à ce problème est d’éviter complètement les liens dynamiques et d’héberger toutes les images de votre site sur votre serveur (en suivant les conseils décrits précédemment dans cet article pour optimiser ces images pour la vitesse du site).
Stockez votre site Web en cache
Enfin, vous pouvez accélérer votre site Web en mettant en place un système de mise en cache. En gros, cela signifie que lorsqu’un utilisateur accède à une certaine page de votre site Web, une version de cette page est automatiquement enregistrée sur l’ordinateur de l’utilisateur afin qu’elle puisse être servie immédiatement, plutôt que d’être rechargée en cas de panne pour y accéder. . encore à l’avenir.
Lorsqu’il est correctement configuré, cela empêche que de nouvelles demandes soient envoyées à votre serveur à chaque fois que la même page se charge, ce qui rend votre site plus rapide pour les nouveaux visiteurs et ceux qui reviennent.
Si vous n’avez pas encore installé de solution de mise en cache, consultez le programme Varnish, qui peut être facilement téléchargé sur votre serveur. Ou, si vous êtes un utilisateur de WordPress, vous pouvez installer le plugin W3 Total Cache qui gérera automatiquement plusieurs fonctionnalités de mise en cache différentes.
Ce ne sont certainement que quelques-unes des différentes étapes que vous pouvez suivre pour créer un site Web extrêmement rapide. La science derrière la vitesse du site est complexe et hautement technique ; Cependant, en apportant ces modifications recommandées, vous devriez être en mesure d’améliorer suffisamment les temps de chargement de votre site pour satisfaire à la fois les visiteurs exigeants et les programmes d’indexation des moteurs de recherche.
Image: JD Hancock
