L'information se trouve dans de nombreux endroits, mais nulle part de manière aussi pratique et rapide que sur Internet. La vitesse est l'une des principales caractéristiques de ce service et avec d'innombrables options de sources, les sites Web pour attirer et retenir les utilisateurs doivent offrir un contenu de qualité et fonctionner parfaitement, après tout, à l'ère de l'immédiateté, personne ne va attendre qu'une page se charge pendant plus de 5 secondes.
Pour vous aider, nous avons rassemblé 10 conseils qui rendront votre site plus rapide :
Supprimez les octets inutiles
Réduisez la taille de votre code en éliminant les espaces vides, les retraits et les sauts de ligne. Vous pouvez le faire manuellement ou utiliser certains programmes spécifiques disponibles sur Internet comme, par exemple, YUI Compressor pour CSS, ou Closure Compiler et JSMin, qui compressent le code Javascript.
CSS externe
Les styles codés à l'intérieur des pages elles-mêmes rendent le site désorganisé car ils sont téléchargés chaque fois que quelqu'un y accède, tandis qu'un fichier CSS externe n'est téléchargé qu'une seule fois sur le bureau du visiteur.
Images
Les images de grande taille mettent du temps à se charger, tout comme un grand volume d'images. Si elles sont absolument nécessaires, choisissez les plus petites possibles ou optez pour les compresser afin qu'elles soient d'une taille accessible sans perdre en qualité. Cela peut être fait dans Photoshop ou avec certains outils disponibles sur le web qui permettent ce type d'optimisation.
Une autre astuce est de spécifier les dimensions de hauteur et de largeur des images dans le HTML, ainsi le navigateur pourra les lire plus rapidement.
Sprite
Le CSS possède une fonctionnalité qui permet de compiler plusieurs images d'un site Web en une seule et de la gérer ensuite avec le code, ce qui réduit considérablement le nombre de requêtes au serveur.
Chargement à la demande
Une autre technique qui peut être utilisée est le chargement d'images à la demande, qui charge les images en fonction du défilement de la page. De cette façon, seule une partie du contenu est visible, et comme le chargement est fragmenté, il est plus rapide.
Tableaux
Les tableaux HTML perturbent le navigateur, rendant le chargement de la page plus difficile. Préférez les lasers CSS qui fonctionnent mieux et sans interférer avec la vitesse.
Coupez les ressources secondaires
Il est clair que vous voulez que votre site Web soit le plus complet possible, mais cela ne sert à rien si l'utilisateur se fatigue avant de voir toutes les options qu'il offre. Les ressources secondaires comme les tableaux d'affichage, la météo, les onglets et les chats doivent être supprimées, à moins qu'elles ne soient indispensables à votre proposition, ou alors divisez les pages avec un excès de contenu.
Médias
Préférez les éléments qui ne fonctionnent que lorsque le play est actionné, comme les vidéos par exemple. Les animations et les médias alternatifs en Flash ou QuickTime, qui se chargent automatiquement avec la page, peuvent ne pas être si pertinents et devenir un poids inutile.
Liens
Avoir des liens vers le profil de l'entreprise sur les réseaux sociaux sur le site Web est une excellente ressource pour augmenter l'engagement, mais les liens vers des sites tiers, comme LinkedIn ou Facebook, par exemple, peuvent ralentir la page si la référence à ceux-ci se trouve au début du code de la page. Ne supprimez pas les liens, repositionnez-les simplement à la fin, ainsi, vous ne risquez pas que le reste des éléments de la page soit bloqué dans la file d'attente avant d'être chargés.
CloudFlare
Le CloudFlare est un réseau de distribution de contenu qui possède un système de distribution de pages à travers plusieurs serveurs répartis dans le monde. Il dispose d'un optimiseur de code HTML, CSS et JavaScript, qui compresse et réduit les fichiers des sites, optimisant la version finale pour les utilisateurs.
Pour utiliser le service, il suffit de s'inscrire sur la plateforme et de configurer le domaine.