Removing Genericons font for reduced page weight.

Reading Time: 1 minutes

Genericons are vector icons embedded in a webfont designed for aesthetics and signage. But what if you don’t use them. Then they are dead weight.

The WordPress Genericon font adds several HTTP calls and about 60k of page weight. On a Twenty-fifteen theme based website we were building, this was half the Home page weight. We felt compelled to get rid of it. Especially since not a single Genericon symbol was on the website. Bloat!

We wish there existed a Remove Genericons plugin to remedy this problem. None exists – yet. But you can fixed it with some crude surgery. Do two things:

1. Via Cpanel or FTP, delete the contents of the “genericons” folder found in yourwebsitefoldername > wp-content > themes > twentyfifteen > genericons

Open that folder and erase every file and folder. That’s right! Delete them all. You now have an empty genericons folder. Removing the genericon files off your server will save almost 50k of load time. But there is one more thing to do:

2. Since the Genericon files no longer exist, when WordPress requests the information, it produces a single 404 error. That causes a delay and about 12k of unnecessary page weight. To eliminate this badness, open the “Twenty Fifteen: Theme Functions (functions.php)” with the Appearance > Editor. Remove the four references to Genericons. Save the file. You’re done.

You can benchmark before-and-after changes using Yslow for Google chrome or go to WebPageTest.org.

What others think of us:


"To be honest, I didn't expect much in the way of a reply but what I got was truly astonishing. He is a genius at what he does, as honest as they come and one of the last really good guys. If you need help with your WordPress site, try Steve first. You won't need to look any further!" fiftiesweb.com Fort Lauderdale, FL

by - Michael Rich