April 23, 2021 at 3:04 am #503807tonyfogartyParticipant
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.
Tonyhttps://tonycollinsfogarty.comApril 23, 2021 at 12:12 pm #503815Victor FontModerator
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.
April 25, 2021 at 4:44 am #503833tonyfogartyParticipant
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.April 12, 2023 at 1:22 am #507256May 6, 2023 at 9:58 am #507375aisah653Participant
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.
- You must be logged in to reply to this topic.