Nerf de la guerre, la vitesse de chargement d’un site web
Au coeur de toutes nos préoccupations et très probablement des vôtres, la vitesse de chargement d’un site internet ou d’une application mobile est un facteur déterminant dans la réussite de votre projet internet.
Sans rentrer dans les détails techniques, voici un listing essentiel sur lequel chaque projet web doit répondre par la positive.
– Hébergement fiable, ajusté à la fréquentation de votre site internet. Il convient de ne pas négliger cet aspect qui est primordial et de se tourner vers la solution dominante. Nous vous conseillons un peu de lecture à travers notre rubrique consacrée aux hébergeurs et à leurs différentes gammes (mutualisé, dédié ou encore VPS). Il faut bien prendre conscience que par exemple un serveur mutualisé implique plusieurs sites internet sur le même serveur. Si l’un d’entre eux est trop sollicité ou mal codé, cela impacte votre site web.
– CDN (content delivery network). Il s’agit d’un mécanisme de routage permettant à une requête utilisateur sur un contenu d’être servie par le serveur le plus proche, d’où un gain de temps au chargement optimal pour des connexions en dehors du pays où votre site internet est hébergé. Imaginons que votre site internet est hébergé à Paris. Sans CDN, le chargement de votre site internet depuis le Canada, l’Afrique ou l’Australie sera excessivement rallongé. Parcourir tout le globe mondial pour aboutir à votre hébergeur, on oublie en 2017 !
– Un code propre, bien codé et selon les standards W3C, optimisé, des Javascript compressés, des CSS allégés et dans la mesure du possible, dans l’idéal un seul fichier d’appel JS et un seul CSS. En d’autres termes, regroupez vos fichiers en un tout unique pour ne pas surcharger les appels internes au dessus de la ligne de flottaison. Il est aussi de rigueur de déplacer au maximum vos fichiers JS en toute fin de page. Enfin, pensez à des appels asynchrones de vos fichiers JS. Cette technique permet de de ne pas ralentir le chargement de votre page internet, le fichier JS s’exécutant de façon autonome.
– Restreindre au maximum les appels externes. Chaque requête externe, pas toujours nécessaire à votre site internet, ralentit votre site web à son chargement. Plus vous en aurez, plus vous prenez le risque de temps de latence trop long.
– Activez Gzip et deflate via le fichier htaccess à la racine de votre site internet. Passez plus de temps sur ce fichier pour l’adapter complètement à votre site internet.
– Compressez vos images à l’aide d’un outil de compression et utilisez si nécessaire (dans le cas de figure où vous affichez de nombreuses images sur une même page internet) un système lazy loading qui permet de charger les images au scroll de l’utilisateur. Gain de temps assuré !
– Épurez au maximum votre site internet. Exit les fonctionnalités non essentielles, axez tout sur l’expérience utilisateur sans le surcharger de superflux.
Si votre site internet ou application mobile répond à ces quelques points, alors, vous avez sans aucun doute un site internet rapide au chargement et nous vous en félicitons. L’expérience utilisateur sera dès lors amplifiée et le référencement de vos pages bien meilleur.
Pour tester la vitesse de chargement de votre site internet, nous vous conseillons le célèbre PageSpeed Insights de Google mais bien d’autres outils en ligne vous permettent de mesurer, de comparer et de trouver les éventuelles failles de votre site internet. Nous vous les listons dans cet article dédié aux outils de mesure de temps de chargement des sites internet.
Des infos pertinentes. Sinon, quelle place tient le responsive design dans tout ça ? Merci.
Le responsive design qui permet donc de garder le même site internet pour mobile doit être concrètement très bien adapté. Il y a souvent des lourdeurs constatés d’un site internet, même avec de bons thèmes premium. Le tout, est vraiment de ne de pas hésiter à supprimer certains « blocs » sur mobile et allez juste à l’essentiel, sans que les pages mobiles ne soient par exemple trop longues au défilement. Limitez aussi les appels externes au maximum sur mobile. Bien souvent, les créateurs web réduisent la fenêtre de leur navigateur et se disent ok, ça s’affiche bien, c’est bon. Mais cela va bien au delà de çà. Car en effet, le fait d’avoir un site responsive design ne signifie pas qu’il sera rapide sur mobile…
Très pertinents comme conseils. C’est vrai que le temps c’est de l’argent dans tous les domaines qui touchent internet. D’ailleurs Google privilégie les sites plus rapides et il connaît également la vitesse de chargement d’un site. Donc quitte à appliquer vos astuces. Merci en tout cas.
Mon site Internet était lent au chargement justement parce que je recevais beaucoup d’appels externes. Je ne le savais pas au départ mais dès que je l’ai appris, j’ai fait le nécessaire pour ne sélectionner que ceux qui sont prioritaires. Depuis, le chargement est plus rapide.
j’ai fouiné pendant deux heure aujourd’hui sur le web et enfin j’ai pu tomber sur ton site internet afin de passer le temps alors je laisse un signe en signe de ma gratitude :-).
La vitesse du chargement d’un site web influence sur l’expérience utilisateur donc l’influence négative sur le revenu et le référencement du site.
salut, merci pour votre site, puis je vous citer sur l’un de mes sites dans lequel nous avons la meme thématique ?
Bonjour, avec plaisir!