Support » Plugin: JVM Gutenberg Rich Text Icons » Awesome plugin, just one question about the page speed

  • Resolved NickelandDimenl

    (@nickelanddimenl)


    Hi Joris!

    First of all, what a great plugin. It’s really nice and works out of the box, awesome.

    I’ve just one small question. Being very busy with the page speed improvements of our clients websites I’m wondering: if I use only let’s say 15 different icons on my website, wouldn’t that make loading a full font awesome style sheet and font a little bit of overkill? Or is this something I don’t need to worry about? What is your thought on this? 🙂

    Thanks already for your reply!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Joris van Montfort

    (@jorisvanmontfort)

    I am not a pagespeed expert, but if you really want to go for a perfect pagespeed score this might indeed be a bit to much overhead.

    If you are concerned about overhead you should consider using a custom icon set. The readme file had some info on how to do that.

    I suspect when working with a custom icon set and a small set of icons it might be best to create a stylescheet that has the icons embedded as css data uri’s (svg data). This would save you the extra http request for loading a webfont file like font awesome does. It would of course require some PHP and CSS dev skills but it should all be possible using the hooks explained in the readme file.

    Kinds regards, Joris

    Thread Starter NickelandDimenl

    (@nickelanddimenl)

    Thanks a lot for your response Joris! We will give this a try. Your plugin looks really promising and is very intuitive to use. So thanks a lot for your work!!

    Best Regards!

    @jorisvanmontfort All you have to do is add a font-display: swap and preload your font link in the head section
    reference:
    https://web.dev/font-display/
    https://web.dev/codelab-preload-web-fonts/
    By the way this is a great plugin

Viewing 3 replies - 1 through 3 (of 3 total)
  • You must be logged in to reply to this topic.