New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Optimize font loading #2628

Open

ferblape opened this issue Oct 27, 2019 · 0 comments

Labels

enhancement performance

Member

ferblape commented Oct 27, 2019

First, this is a design issue: can we replace Google fonts by alternative fonts we could pack and serve in the asset packs?

Self-hosting is significantly faster. Loading a typeface from Google Fonts or other hosted font service adds an extra (blocking) network request. In my testing, I’ve found replacing Google Fonts with a self-hosted font can improve a site’s speedindex by ~300 miliseconds on desktop and 1+ seconds on 3g.

Resources:

https://www.bricolage.io/typefaces-easiest-way-to-self-host-fonts/
Util: https://github.com/KyleAMathews/typefaces
A Comprehensive Guide to Font Loading Strategies: https://www.zachleat.com/web/comprehensive-webfonts/

ferblape added enhancement performance labels

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment