Quantcast
Channel: Crunchify
Viewing all articles
Browse latest Browse all 1037

How to Remove unused CSS from WordPress style.css file – Blog Performance Improvement Tips

$
0
0

how-to-speed-up-wordpress-crunchify-tips

Page speed and Site performance are the key factors to get success in online world. With the Google’s AMP effort, Caching tactics, Content Delivery Network (CDN), .htaccess tricks and some more are the methods to improve your blog’s site speed.

As per an information from Google Adsense post, it seems you may loose your visitor if your site loads slow and takes more than 3 seconds to load on mobile device.

That is one of the reason, we married WordPress and AMP on Crunchify 🙂 So far the results are awesome. Google started showing AMP pages in Search Result page.

On Crunchify, pages loads super fast. Most of the pages loads within half a second. Take a look at below image.

crunchify-site-loads-super-fast

While performing some checks I noticed bandwidth concerns for style.css file. Almost ~41GB bandwidth usage in last month.

wordpress-style-css-too-big-file-bandwidth-issue

I believe, if we optimize CSS file and remove all unwanted files then there is a chance to save more bandwidth and eventually size of your site’s style.css will be reduce which intern improves page load time.

In order to remove all unwanted CSS follow below steps

Step-1

  • Open Chrome Browser
  • Load your site
  • Right click on page
  • Click on Inspect
  • Go to Audit Tab

Step-2

  • Choose Option Web Page Performance
  • Choose Reload Page and Audit on Load
  • Click on Run

Step-3

  • In my case test showed 67% unused CSS data

how-to-remove-unused-css-from-wordpress-style-css-file

It took me almost an hour to fix and remove some of those unused CSS elements from style.css.

Before you perform this check make sure there are some CSS elements which may loads only on few selected pages. Make sure you know what elements you are removing in order to avoid any unexpected result.

Have a suggestion on article? Please chime in and share it as a comment.

The post How to Remove unused CSS from WordPress style.css file – Blog Performance Improvement Tips appeared first on Crunchify.

Author: App Shah

Crunchify, LLC Logo


Viewing all articles
Browse latest Browse all 1037

Trending Articles