Font Awesome & speed

WordPress Mobile Speed

Updated


There are no affiliate links on PagePipe.

Remove Font Awesome icons and replace with PNG image files. Remove any Font Awesome residue.

There is site drag caused by Font Awesome. It appears to not be used in the shopping cart icon or mobile hamburger menu icon. The social media icons are the Font Awesome culprit. An alternative solution is using Lightweight Social Icons plugin which doesn’t use Font Awesome. This would save on speed. How much we don’t know exactly. But we try to never use Font Awesome because of global loading.

We’ve changed out 50 icons on websites with PNG images to avoid FA. You could replace FA icons on with 70 PNGs and still load faster than Font Awesome. Font Awesome is “fake graphics for web developers.” Faddish and trendy. It will go away eventually. You don’t have to do this – but we do it in extreme cases on site rebuilds.

REFERENCE: https://pagepipe.com/should-i-disable-font-awesome-and-google-fonts-for-improved-speed/

Your theme uses Font Awesome to create three symbols: twitter icon, RSS icon, mobile menu hamburger, and search magnifying glass. In the future, you may want to consider a theme that doesn’t activate font Awesome.

We do not like themes with Font Awesome built-in. Or as a plugin feature. It’s causes varying load time problems from 1.3-seconds to 4-seconds worst case. It is probably builtin to either social media icons or the theme navigation and search field. Removing it is very difficult. We don’t include this repair in our service. We build with themes that don’t activate or call Font Awesome.

The theme may automatically activate Font Awesome. This is a heavy decorative icon font. It’s also added by a plugin. You may be getting a double load of this heavy icon.

Godspeed-

Steve Teare
performance engineer
May 2021

 

PagePipe Site Tuning Services for Speed

Instead of band-aid approaches, we drill down to the root cause of your slow site. This is origin optimization. Also known as site tuning. To do this, we analyze site components:

  • Hosting
  • Theme
  • Plugins
  • Scripts and third-party services.
  • Images and media library.
  • We minimize globally loading plugin effects.

Find out more details about Site TuningGet Speed!


 

Other Related Resources

Build with Empathy
GIVE SPEED