Archived topic
optimization & font-awesome
9 replies · Started by dale on June 10, 2017
Hi guys,
I found the https://generatepress.com/fastest-wordpress-theme/ article really helpful for my site. Curious about a couple things:
Do you still recommend having both Remove Query Strings and Autoptomize? Or if I have Autoptomize, does that make Remove Query Strings superfluous?
I was looking at my 404s today and found these listed:
/fonts/fontawesome-webfont.ttf
/fonts/fontawesome-webfont.woff
/fonts/fontawesome-webfont.woff2
/fonts/fontawesome-webfont.ttf?v=4.7.0
/fonts/fontawesome-webfont.woff?v=4.7.0
I implemented your suggestion for reducing the number of font-awesome icons that load, so I wonder if these 404s might be a result of that? If so, I won't worry about them.
Removing query strings gives you better visual scores, but can be a pain when it comes to browser caching.
Autoptimize is great.
Can you link me to your site where those files are returning a 404?
I have noticed that font-awesome icons are loading slowly — usually after everything else on the page. So maybe that's part of it.
Can you try clearing and deactivating any caching/minifying plugins (like Autoptimize).
If using Autoptimize, make sure you're using the options I've specified on the article you linked to.
I wasn't exactly clear which ones you wanted me to turn off. I cleared everything and turned off the ones that weren't listed in the article (like WP Supercache), but only cleared Autoptomize but left it on with the indicated settings.
Didn't do anything with Remove Query Strings or Ansync Java Script. Let me know if you want all turned off.
I also put Cloudflare in development mode so it shouldn't be serving cached files
Can you turn off Autoptimize as well? I'd like to be able to read your source code.
Okay. Turned of Autoptomize, plus Async Java and Remove Query Strings. Let me know if I should do anything else.
Ok, so I'm seeing the regular GP font awesome call (no essentials). It's linking to the fonts, which indeed exist: https://dalecameronlowry.com/wp-content/themes/generatepress/fonts/fontawesome-webfont.eot
I'm also seeing Elementor calling for Font Awesome, and those fonts are loading as well.
I'm also not seeing any 404 errors in the developer tools console.
Thanks. Looks like I accidentally deactivated the Font Awesome essentials code in Code Snippets.
In any case, I'm still having the loading problem on some pages of my website, particularly category and post pages: https://dalecameronlowry.com/category/for-writers/calls-for-submissions/
The only icon I can see in my social media menu (right hand side of footer) is the Patreon icon, which is an img and not a FontAwesome icon.
The essentials filter only loads the absolute necessary icons for the theme to work. The social icons aren't in that list of essential icons.
