April 5, 2017

How To Remove Font Awesome CSS Render Blocking For Blogger

|

Let's find out how to remove Font Awesome CSS render blocking for Blogger.

To get rid of this Font Awesome CSS is one way to improve your page speed.

Page speed or page loading time is a measurement of how fast the content on your page loads.

In short, the time it takes to fully display the content on a specific page.

Or how long it takes for your browser to receive the first byte of information from the web server.

Here is another common problem which many Blogger users find when they check with Google PageSpeed Insights.

The Awesome Font is a render-blocking CSS script.

This affects the loading speed of your blog.

It can easily be overcome.

How To Remove Font Awesome CSS Render Blocking

Here is a quick effective trick on how to get rid or fix this render blocking CSS script.

1. Go to Blogger Dashboard.

2. Click "Theme".

3. Click "Edit HTML".

4. Look for this line:

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

5. Copy and save this line of code on your Notepad.

6. Next look for </body> tag.

7. Now copy the code which you have saved on your Notepad, and paste it just ABOVE the </body> tag.

8. Now it looks like this:

<link href='https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css' rel='stylesheet'/>

</body>

9. Click the "Save theme" button.

That's all.

Now check your blog with Google SpeedPage Insights.

It should NOT be listed as a blocking script any more.

RELATED TIPS: