Community Forums › Forums › StudioPress Themes › Genesis Sample › Mobile Menu / Dashicons
Tagged: dashicons, mobile menu
- This topic has 4 replies, 2 voices, and was last updated 7 months ago by
aisah653.
-
AuthorPosts
-
April 23, 2021 at 3:04 am #503807
tonyfogarty
ParticipantHi,
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.comApril 23, 2021 at 12:12 pm #503815Victor Font
ModeratorDashicons 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?April 25, 2021 at 4:44 am #503833tonyfogarty
ParticipantHi 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.
April 12, 2023 at 1:22 am #507256jonas999
ParticipantGreat way for fun free-fortniteskins.com
May 6, 2023 at 9:58 am #507375aisah653
ParticipantIf 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.
-
AuthorPosts
- You must be logged in to reply to this topic.