Les polices web ralentissent‑elles un site ?

C’est une cause de lenteur discrète, parce qu’elle ne se voit pas sur le poids total de la page. Elle se voit sur le moment où le texte devient lisible, ce qui n’est pas du tout la même chose.

Que se passe‑t‑il pendant le chargement ?

Le navigateur lit la page, découvre qu’il lui faut une police, va la chercher, puis affiche le texte. Tant qu’il ne l’a pas reçue, il a deux comportements possibles, et aucun n’est neutre.

Soit il n’affiche rien, et le visiteur regarde une page vide alors que tout le texte est déjà arrivé. Soit il affiche avec une police de secours et rebascule ensuite, ce qui fait sauter la mise en page sous les yeux du lecteur.

Le texte est là depuis le début. C’est la police qui le retient.

Les trois réglages qui règlent la question

• Afficher le texte immédiatement avec une police de secours, et basculer ensuite. Une ligne de configuration suffit, et c’est de très loin le gain le plus important.
• Annoncer la police au plus tôt dans la page, pour que le navigateur aille la chercher sans attendre d’avoir tout lu.
• Choisir une police de secours proche de la police finale, pour que la bascule se remarque le moins possible.

Faut‑il héberger ses polices soi‑même ?

Oui, pour deux raisons qui n’ont rien à voir l’une avec l’autre.

La première est technique : une police appelée sur un autre domaine oblige le navigateur à ouvrir une connexion supplémentaire, à négocier un certificat, et tout cela avant même de commencer le téléchargement. Le même fichier servi depuis votre propre serveur arrive nettement plus vite.

La seconde est juridique : appeler une police sur un service distant transmet l’adresse IP du visiteur à ce service. En Europe, cela a déjà été jugé contraire au règlement sur les données personnelles.

Combien de polices peut‑on charger ?

Deux familles suffisent presque toujours, et le vrai sujet n’est pas leur nombre mais celui des variantes. Chaque graisse et chaque italique est un fichier distinct : une seule famille déclarée en six graisses représente six téléchargements.

Une police variable règle cela d’un coup, puisqu’un seul fichier couvre toutes les graisses. Encore faut‑il ne conserver que l’intervalle réellement utilisé : un fichier variable complet pèse souvent plus lourd que les trois graisses qu’on lui demande.

Que puis‑je vérifier moi‑même ?

Rechargez votre site en vidant le cache, et regardez le premier instant. Si le texte apparaît blanc puis noir, ou s’il saute légèrement de place, la police est en cause.

Le second contrôle tient en une question : vos polices sont‑elles appelées sur un autre domaine que le vôtre ? Si oui, le gain à les rapatrier est immédiat, et il règle en même temps la question des données personnelles.

Sur le même sujet : Pourquoi mon site est‑il lent seulement à certaines heures ? · Comment accélérer l’administration de son site ?