Skip to main content

Subsetting webfonts for better performance

I implemented webfonts subsetting to drastically reduce their weight. Until now, they were being loaded completely, which was relatively useless. Now, only the characters actually used are loaded, which made performance skyrocket.

Concrete result: the Chrome Lighthouse performance score jumped from 76 to 94 points.

Chrome Lighthouse audit results showing two test comparisons. First test: Performance score 76 (orange), Accessibility score 100 (green), Best Practices score 100 (green), SEO score 100 (green). Second test: Performance score 94 (green), Accessibility score 100 (green), Best Practices score 100 (green), SEO score 100 (green). The results demonstrate an improvement in performance from 76 to 94 while maintaining perfect scores of 100 in all other categories.

Next step: aiming for 100%!