Nos optimisations webperf dédiées aux fonts

optimisations des fonts webperf

Dans notre article Webperf : Comment optimiser le chargement des fonts ?, nous avions démontré l’impact du chargement des fonts sur les performances d’un site.
Nous avions notamment constaté que le Speed Index et le Start Render baissaient en moyenne de 5 à 10% lorsque les fonts n’étaient pas chargées.

En matière d’optimisation de fonts, l’outil généralement conseillé est Font-Squirrel. C’est un super outil, mais qui a l’inconvénient d’être manuel. Nous avons donc gardé les meilleures fonctionnalités de celui-ci pour développer notre moteur d’optimisation de fonts automatique.
Au programme :

  1. génération des polices au format WOFF2
  2. mise à jour automatique de la déclaration CSS @font-face
  3. ajout de la propriété font-display
  4. minification des fonts via la technique du subsetting
  5. autohint des polices pour un meilleur rendu visuel sous Windows
  6. optimisation du chargement des polices Google Font

Lire plus