Une carte interactive, c'est souvent le plus gros poste de poids d'une page web. On l'intègre en quelques lignes, on voit le rendu s'afficher, et on passe à autre chose. Le problème, c'est que la carte charge des tuiles, une bibliothèque JavaScript et parfois des données entières dès le premier affichage. Résultat : on télécharge la France quand le visiteur regarde une rue. Les tutoriels s'arrêtent au moment où la carte apparaît, mais c'est après que tout se joue.
Ce qui se charge vraiment quand on affiche une carte
Une carte interactive n'est pas une simple image. Derrière le fond de plan se cachent des dizaines de petites images rectangulaires, les tuiles, assemblées pour former la vue que vous voyez à l'écran. Chaque tuile pèse quelques kilo-octets, mais leur nombre grimpe vite selon le niveau de zoom. À cela s'ajoute la bibliothèque cartographique, parfois volumineuse, et les couches de données que vous publiez : points, polygones, informations attributaires.
Les développeurs incorporent souvent des cartes à des applications personnalisées, et de nombreux utilisateurs publient des cartes Web sur Internet. Cette pratique est devenue banale, au point qu'on oublie le coût réel de l'opération. Une carte mal configurée peut représenter la moitié du poids total d'une page sans qu'on s'en rende compte, surtout quand on utilise des couches qui chargent des entités même hors du champ visible.
Les cartes interactives servent d'interface principale pour la plupart des applications SIG, car on y sélectionne des emplacements, on découvre des relations entre phénomènes, on modifie l'affichage et on communique les résultats sous forme de cartes ou de globes. Mais cette richesse fonctionnelle a un revers technique qu'il faut comprendre avant de chercher à l'alléger.
La tuile cartographique, ce petit rectangle qu'on néglige
Qu'est-ce qu'une tuile cartographique ? C'est une image prédécoupée du fond de carte, généralement au format carré, que le serveur envoie selon la zone affichée et le niveau de zoom. Le navigateur en demande plusieurs dizaines à chaque déplacement, puis les assemble.
**Le mécanisme est efficace**, car seules les tuiles visibles sont chargées. Sauf que le réglage par défaut de certaines intégrations force des niveaux de zoom inutiles ou précharge des zones que le visiteur ne verra jamais.
Les couches, elles, fonctionnent différemment. Elles servent à attribuer des symboles et à étiqueter des entités en fonction de leurs valeurs attributaires, comme colorer des parcelles selon les types de zonage ou indiquer la taille des symboles ponctuels représentant des puits de pétrole selon les niveaux de production. Le souci survient quand ces entités sont toutes envoyées au navigateur dès l'ouverture, même si l'utilisateur consulte une portion restreinte du territoire.
Les utilisateurs de SIG se déplacent sur la carte et réalisent des zooms pour parcourir les données. La cartographie interactive leur donne la possibilité de sélectionner un objet géographique afin d'obtenir des informations sur celui-ci. **Chaque déplacement déclenche des requêtes vers les serveurs de tuiles**, et chaque requête ajoute du temps de chargement. Un zoom trop rapide sur une grande étendue peut saturer la connexion du visiteur sans qu'il comprenne pourquoi la page ralentit.
Les réglages qui divisent le poids sans rien retirer à l'usage
Il n'est pas question de supprimer la carte ni de la remplacer par une capture statique. L'idée est de la configurer pour qu'elle charge uniquement ce dont le visiteur a besoin, au moment où il en a besoin. Voici les ajustements qui changent concrètement les performances, sans altérer l'expérience de navigation.
Limiter le chargement initial des couches
Beaucoup d'intégrations embarquent des couches complètes alors que l'utilisateur devrait les activer manuellement. Un simple réglage de visibilité différée évite de télécharger des milliers d'entités au premier affichage. **Les données restent disponibles**, mais elles n'arrivent qu'au moment où on les demande. La différence de poids est immédiate, surtout sur les couches riches en attributs.
- Activer les couches lourdes uniquement à la demande de l'utilisateur
- Réduire le nombre d'entités chargées en fonction de l'échelle de visualisation
- Privilégier des couches qui ne renvoient que les données affichées, pas la totalité de la source
- Réserver les étiquettes aux zooms rapprochés, quand elles restent lisibles
- Surveiller le volume exact échangé entre le serveur de données et le navigateur
Ce premier réglage touche directement les couches attributaires. Les cartes SIG fournissent un accès aux informations géographiques et incluent une gamme d'outils de gestion du contenu, mais cette richesse doit rester maîtrisée. On peut chercher tous les magasins d'un certain type situés près d'écoles, ou toutes les zones marécageuses dans un rayon de 500 mètres des routes sélectionnées : ces requêtes puissantes ne devraient jamais s'exécuter sans que l'utilisateur les déclenche.
Contrôler les niveaux de zoom et la zone de préchargement
Le deuxième levier concerne les tuiles. Certaines configurations autorisent des niveaux de zoom extrêmes, qui décuplent le nombre de tuiles nécessaires pour couvrir la même zone. **Plafonner le zoom maximum aux besoins réels du site** empêche des chargements inutiles tout en gardant une navigation fluide. De même, désactiver le préchargement des zones adjacentes évite d'anticiper des déplacements qui n'auront peut-être pas lieu.
Il est également possible d'étiqueter les entités à l'aide d'informations de propriété, mais ces étiquettes ajoutent des requêtes de rendu. Les réserver aux niveaux de zoom où elles sont lisibles change la donne sur mobile, où la bande passante est plus instable. **Réduire la profondeur des zooms intermédiaires** diminue le nombre de tuiles téléchargées pour un même parcours visuel, sans que le visiteur perçoive la différence.
Différer le chargement de la bibliothèque cartographique
Le troisième ajustement porte sur la bibliothèque elle-même. Au lieu de la charger en tête de page, on peut attendre que le visiteur approche de la carte ou qu'il interagisse avec un déclencheur. Cette technique, souvent nommée chargement paresseux, retire au démarrage un fichier qui n'est pas requis pour afficher le reste du contenu. **La page devient plus rapide à la première seconde**, et la carte apparaît quelques instants plus tard, quand tout est prêt.
Franchement, cet ordre de priorité devrait être la norme pour tout contenu secondaire. Les cartes SIG servent à réaliser des tâches courantes, de la plus simple à la plus complexe, mais rien n'oblige à les rendre disponibles avant que le visiteur n'en ait l'usage.
Quand on consulte un article ou une fiche produit, la carte est un complément : elle n'a pas à bloquer ce qui compte d'abord. C'est grâce à la cartographie interactive SIG que les utilisateurs explorent les informations géographiques, pas grâce à un chargement précipité.
Alléger la carte, repenser le parcours de visite
Intégrer une carte sans alourdir la page, c'est penser le chargement comme une ressource qu'on distribue avec discernement. **Les trois réglages évoqués limitent les données chargées**, mais leur effet va au-delà des chiffres : le visiteur ne subit plus la carte, il l'utilise. Pour aller plus loin sur les possibilités d'une carte interactive en ligne, Esri France et les outils ArcGIS donnent un bon aperçu de ce qu'on peut construire quand la technique ne parasite pas l'usage.
Une carte qui charge vite invite à l'exploration. On zoome, on déplace, on interroge les objets sans craindre la roue qui tourne. Et si une carte allégée devenait la raison pour laquelle un visiteur reste plus longtemps sur la page ?
La cartographie interactive représente un outil puissant de définition et de normalisation de la manière dont les gens utilisent et exploitent les informations géographiques. Le paradoxe, c'est que sa puissance dépend d'abord de sa discrétion : une carte rapide est une carte qu'on oublie, et c'est précisément là qu'elle devient efficace. Les réglages que nous avons détaillés dans cet article, à commencer par la limitation des couches initiales et le plafonnement des zooms, constituent une première étape vers cette discrétion recherchée.
