ArrayHQ / atomic-blocks-theme

34 stars 14 forks source link

Add display swap to Google font #38

Closed quicoto closed 5 years ago

quicoto commented 5 years ago

The theme could add the &display=swap query argument to improve the performance on the First Meaningful Paint.

https://addyosmani.com/blog/google-fonts-font-display/

I assume simply adding it here would do

https://github.com/ArrayHQ/atomic-blocks-theme/blob/master/functions.php#L170

On my personal blog https://ricard.blog/ I've overwritten the function in my child theme to use display swap and I went from 3 seconds to 1.7 seconds on First Meaningful Paint, giving it 4 extra points to Google PageSpeed Insights.

Could you consider it?

Thank you in advance

mindctrl commented 5 years ago

@quicoto thanks for the suggestion! We'll have it added in the next update.