Page loading time is obviously an important part of any website’s user experience.Page loading time is becoming a more important factor when it comes to search engine rankings.
Tools to Remove Unused CSS
In External and Internal Files,they are downloaded every time an HTML.
Always place your CSS and JavaScript in external files; it’s a best practice and makes your site easier to maintain and update.
Dust-Me Selectors :
Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors. It extracts all the selectors from all the stylesheets on the page you're viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they're encountered. You can test pages individually, or spider an entire site, and you'll end up with a profile of which selectors are not used anywhere.
Tools to Remove Unused CSS
In External and Internal Files,they are downloaded every time an HTML.
Always place your CSS and JavaScript in external files; it’s a best practice and makes your site easier to maintain and update.
Through Google Chrome:
- Open the “Developer Tools” in Google Chrome by hitting “Control-Shift-I” (Windows, your OS may vary). You can also find it in the wrench menu under “Tools”.
- Navigate to the “Audits” tab.
- Optionally, uncheck “Network Utilization”. It’s not need for the CSS auditing.
- Select “Audit Present State” and click “Run”.
After following those steps, the results will display on the same tab. One of the results may be “Remove unused CSS rules”. If it’s not there, you are the best CSS artist in the world. For the rest of us, expand the tree.
Dust-Me Selectors :
Dust-Me Selectors is a Firefox extension (for v1.5 or later) that finds unused CSS selectors. It extracts all the selectors from all the stylesheets on the page you're viewing, then analyzes that page to see which of those selectors are not used. The data is then stored so that when testing subsequent pages, selectors can be crossed off the list as they're encountered. You can test pages individually, or spider an entire site, and you'll end up with a profile of which selectors are not used anywhere.
thanks. it is very useful.
ReplyDeleteRajesh
www.etypers.in
awesome.. thanks for sharing.. its really useful to my website dneers.com
ReplyDeleteI glad I came across this piece of writings. Keep up the great work. Software Development Company in India
ReplyDelete