Preload key requests GeneratePress font

[Kim]

Hi guys,

I realise that you’ve included an option to use inline svgs for icons with GP, but I’ve found it quite useful to add simple icons to buttons using the GP font and an ::after selector.

Pagespeed insights is saying I could save around 5 seconds by preloading the font on mobile – is there an easy means of doing that or should I look to a different option for adding icons on my buttons?

Many thanks!

[David]

Hi there,

which buttons are you adding icons to, are they theme buttons ( like comment submit ) or buttons you add to your content ?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Kim]

Hi David,

They are buttons added to content using Gutenburg’s button block.

Kind regards

[Tom]

If you’re after performance, I would suggest you use inline SVGs instead of font icons.

The GenerateBlocks Button block allows you to add your own SVGs into the buttons: https://generateblocks.com

That’s definitely the best method when it comes to flexibility and performance 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Kim]

Thanks Tom, I’ll look into that for sure!

[Tom]

No problem!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[Author]

Posts