Avez-vous remarqué que votre site est devenu plus lourd qu'avant, ou que les pages mettent plus de temps à charger ? Alors qu'il y a dix ans, la taille moyenne d'une page était d'environ 800 à 900 Ko, elle dépasse désormais souvent les 2 Mo.
La raison n'est pas seulement « l'accumulation de fichiers », mais un changement complet de la structure du web : images haute résolution, vidéo en direct, téléchargements JavaScript volumineux, frameworks plus lourds… et tout cela se traduit par des temps de chargement lents et un impact sur l'expérience utilisateur et les résultats de recherche.
Dans cet article, nous allons révéler les raisons pour lesquelles les pages web prennent de la place chaque année, et fournir des étapes claires pour réduire leur taille et améliorer les performances du site, quelle que soit la plateforme.
Bien que ma connexion internet soit des milliers de fois plus rapide que mon ancienne connexion téléphonique d'il y a des décennies, j'ai souvent l'impression que les sites web mettent toujours autant de temps à se charger.
La raison évidente est que, parallèlement à la croissance d'Internet, la quantité de données constituant un site web classique a explosé. Même un site web simple comme Wikipédia, accessible via un navigateur, consomme une quantité considérable de mémoire, sans raison apparente. Alors, que se passe-t-il ?
De subtil à amplifié
À l'époque où la bande passante était (idéalement) limitée à 56 kilobits par seconde, un site web se devait d'être simple et efficace. Les anciens sites ne pesaient que quelques kilooctets et étaient principalement composés de texte. Quand des images étaient disponibles, il s'agissait de fichiers JPEG basse résolution fortement compressés. Une fois, j'ai téléchargé un clip vidéo de 64 mégaoctets sur le modem de mon téléphone, et il m'a fallu tout un week-end pour le regarder. Alors, qu'en est-il d'une vidéo intégrée à un site web ? Pas de panique.
C'est ce paradoxe ancestral qui semble s'appliquer aux autoroutes. Peu importe le nombre de routes, de ponts et d'échangeurs que l'on construit, et peu importe le nombre de voies ajoutées, les embouteillages seront toujours présents. Peut-être les mêmes facteurs psychologiques et économiques expliquent-ils le phénomène de l'éclairage écoénergétique. Au lieu de réduire nos factures d'électricité, nous installons davantage d'éclairage pour le même coût énergétique !
Des médias plus riches partout
La première raison tient tout simplement à la richesse des contenus. Nos appareils étant tous équipés d'écrans haute résolution, il nous faut des images haute résolution pour un rendu optimal de notre site web. Les formats d'image modernes, comme WEBP, ont considérablement réduit la taille des fichiers tout en conservant une qualité élevée, mais la tendance générale est à l'augmentation du nombre d'images avec des pixels plus grands, ce qui alourdit le site.
Si les images étaient uniquement statiques, ce serait normal, mais les sites web traditionnels contiennent des vidéos, des clips audio et des GIF animés qui se lancent automatiquement, ainsi que de nombreux autres contenus multimédias animés riches, construits sur la technologie propre au site, comme HTML5.
Frameworks, bibliothèques et surcharge de code
Un site web moderne ne se résume plus à écrire du code HTML brut comme par le passé. À l'instar du développement d'applications, les développeurs web s'appuient sur de vastes bibliothèques et des outils sophistiqués pour créer ces sites rapidement et efficacement. Cependant, cette dépendance aux bibliothèques et aux frameworks entraîne une accumulation de code sur les sites web, les développeurs les utilisant même pour les tâches les plus simples.
Au fil du temps, les sites web accumulent du code lors de leurs modifications et mises à jour. Cela laisse des traces : ancien code, CSS inutilisé, plugins obsolètes et scripts de débogage. Bien que cela n'affecte pas le fonctionnement du site, cela consomme de l'espace de stockage.
Publicité, suivi et analyse
S'agissant d'enrichir l'expérience utilisateur sur les sites web, cette accumulation se justifie, mais qu'en est-il si l'objectif est d'enrichir autrui ? La création et l'exploitation d'un site web sont coûteuses, et il est indispensable qu'il génère des revenus. À moins que les utilisateurs ne paient directement pour ces services, la principale source de revenus d'un site web reste la publicité.
Aux débuts d'Internet, un site web affichait une bannière publicitaire en haut et une autre en bas de page. Le défilement infini n'existait pas encore, ce qui explique en partie la taille excessive des pages !
Aujourd'hui, les sites web intègrent des systèmes publicitaires, notamment parce que les utilisateurs rechignent généralement à payer pour du contenu, même s'ils le jugent utile. Toutefois, il est indéniable que la publicité, les outils de suivi et d'analyse pèsent sur les sites web. À vous de juger s'il s'agit d'un mal nécessaire.
Problème d'exploration des fonctionnalités
La principale raison de cette inflation, du moins à mon avis, réside dans la multiplication des fonctionnalités qui caractérisent désormais les sites web. Autrefois, les sites web étaient de simples pages d'information statiques ; aujourd'hui, ils aspirent à devenir des applications web polyvalentes, adaptées à tous les utilisateurs.
Les outils de chat s'affichent sans prévenir, et des programmes en arrière-plan surveillent vos moindres faits et gestes, sans parler des notifications et alertes. Lorsqu'un site web tente d'intégrer des éléments similaires à TikTok ou YouTube, ces derniers dysfonctionnent et ne sont pas correctement corrigés par la suite, ce qui finit par créer un véritable cimetière d'« optimisations » ratées.
L'importance de cette question
Nous avons tendance à nous plaindre lorsque nos logiciels ne sont pas optimisés, car cela implique des dépenses pour des processeurs plus rapides et plus de mémoire, sans résultat. Alors pourquoi ne pas formuler les mêmes critiques à l'égard des sites web, qui sont désormais des applications logicielles diffusées directement sur Internet ? Il ne s'agit pas seulement de sites web confus ou mal conçus, ou de temps de chargement trop longs.
Les sites web très fréquentés consomment des données sur des connexions limitées. Cela provoque une congestion du réseau internet pour tout le monde. Cela consomme plus d'énergie et augmente le coût du matériel. Internet ne cesse de croître, non par nécessité, mais par capacité. L'augmentation de la vitesse des connexions a rendu les développeurs trop confiants, laissant la complexité proliférer sans contrôle. Il faudra repenser la performance comme critère de conception fondamental pour améliorer la situation, mais seriez-vous prêt à accepter un réseau plus simple ?
Le gonflement des pages web n'est pas un phénomène passager, mais une conséquence naturelle de l'évolution d'Internet vers des contenus interactifs et multimédias. Cependant, il est possible de maîtriser la taille et les ressources. En développant une stratégie équilibrée pour l'intégration des images et des vidéos, en optimisant le JavaScript, en choisissant un framework plus léger ou en utilisant des techniques de chargement plus précises, vous pouvez réduire considérablement la taille de votre site. Un site plus léger se traduit par des temps de chargement plus rapides, une meilleure expérience utilisateur et un meilleur référencement. Un petit pas aujourd'hui peut faire toute la différence demain.
