- Redundant, for instance, you might have set the body background color twice and never noticed it.
- Overwritten, i.e. two separate values for a single CSS property, such as two different colors for the body background. In this case, the browser only picks out one style, making the other(s) useless.
- No longer in use. You might have added a subscription widget and added custom CSS for it. But you later decided that it doesn't look good, and hence took off the widget entirely. The CSS for this widget still remains behind, no longer in use.
How to remove unused CSS?
- While a webpage is open inside Google Chrome, click on File >> Tools >> Developer Tools. Alternative keyboard shortcuts are Ctrl+Shift+I, or simply F12.
- Inside the debugger, look for the Audits tab.
- Inside the Audits tab, click on the radio button that says Reload Page and Audit on Load. Now click on Run.
- The audit process should now run.
- One the audit is complete, expand the "Remove Unused CSS Rules" group, and then further expand the CSS files that are located on your site. Not all CSS rules come from your website's CSS - some comes from third-party plugin sources.
Need Quick Help within 24 Hours? ASK NOW
If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »