Make WordPress Core

Opened 2 years ago

Last modified 2 years ago

#49175 new enhancement

Optimize font-loading techniques for all WordPress Twenty themes

Reported by: mvanturnhoutziggonl Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 5.3.2
Component: Bundled Theme Keywords:
Focuses: performance Cc:


Right now, I'm using the Twenty Seventeen theme for several websites and the Google Font Libre Franklin, included in that theme, is loaded like this:

<link rel=stylesheet id=twentyseventeen-fonts-css  href=';subset=latin%2Clatin-ext' type=text/css media=all>

For performance reasons, given as this is a font which already has fallbacks defined in the body property, it'd be better to add display=swap and rel=preload

to this link. Few links:

These small steps will massively increase performance and PageSpeed scores for every core theme implementing these changes for their Google Fonts.

Change History (1)

#1 @joyously
2 years ago

See ticket #47282 for the swap.

And take a look at this support topic for the preload:

Note: See TracTickets for help on using tickets.