Mobile Menu / Dashicons

[tonyfogarty]

Hi,

I hope someone can point me towards what I'm looking for.

I've just switched over to a child theme based on Genesis Sample.

I'm trying to improve my load time for Google. Previously I had some code in Functions.php to restrict Dashicons to only if the user was logged in - so this eliminated it for almost all users on the front end. However, I've just noticed that the mobile menu uses 3 dashicons (the hamburger, up arrow, down arrow). I reinstated Dashicons to make the menu work, but it has a significant impact on speed.

I'm hoping there might be a way to have the menu use some locally stored icons instead, but I can't find where to begin doing this. I'm usually happy to hack around in php files, but don't know much js.

Any tips gratefully received.

Thanks

Tony

https://tonycollinsfogarty.com

[Victor Font]

Dashicons is an icon font. I regularly replace this on site front ends with a custom subset of Fontawesome fonts called a kit. You need a Pro license to build a kit though.

I'm not understanding why dashicons would be adding so much overhead to your site, though. The files are miniscule.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[tonyfogarty]

Hi Victor,

Dashicons scores highly on the 'render-blocking' resources on Google's Pagespeed Insight test. (Along with Google fonts). In fact on my list of files, it's one of the worst. On the previous theme, I eliminated Dashicons from the front end and my score jumped. When I switched to this theme, pagespeed was fine, but then I realised the mobile menu wasn't rendering. I turned Dashicons back on so the mobile menu worked, but my pagespeed score plummeted.

Ideally, I don't want to replace it with another font set. I'm looking instead to just use 3 locally stored icons from the media library.

[jonas999]

Great way for fun free-fortniteskins.com

[aisah653]

If you are a WordPress user, you may be aware of the Block Editor, which was introduced in WordPress 5.0. The Block Editor visit is a new way to create and edit content in WordPress, and it uses blocks to create content, rather than the traditional editor. Blocks are pre-designed elements that you can add to your pages and posts to create engaging content. The Block Editor offers a more streamlined and user-friendly interface, making it easier to create beautiful and functional websites. If you haven't tried it yet, give the Block Editor a try and see how it can improve your workflow and the look of your website.

[Author]

Posts