Logo Questions Linux Laravel Mysql Ubuntu Git Menu
HTML CSS JAVASCRIPT SQL PYTHON PHP BOOTSTRAP JAVA JQUERY R React Kotlin
 

find unused images, css rules, js script blocks [closed]

Tags:

javascript

find

css

optimization

image

We have a fairly large asp.net website.

The images, css and javascripts are property organized in the website project but as we are changing the look and feel of the website, I would like to know if there is a tool/add-in that will help me identify which images are not being used in the website.

I would like to find the same thing with css and javascript as well. I have looked at dustme firefox extension but that only does css.

like image 442
Pratik Kothari Avatar asked Feb 08 '10 19:02

Pratik Kothari

People also ask

How do I find unnecessary CSS?

The Coverage tab in Chrome DevTools can help you find unused JavaScript and CSS code. Removing unused code can speed up your page load and save your mobile users cellular data.

What is reduce unused JavaScript?

Overview. Reducing unused JavaScript can reduce render-blocking behaviour to speed up your page load and improve your visitors' page experience. By default, JavaScript files are render-blocking because they block the browser from dealing with other page load tasks, thus delaying your page's First Paint.

1 Answers

Unused CSS

  1. Take a look at the Firefox extension Dust-Me at http://www.sitepoint.com/dustmeselectors/.

  2. Google Chrome has a website auditing tool in their developer console.

  3. Also I found this site for removing unused css - http://unused-css.com/ . Type the url of a site and you will get a list of CSS selectors. For each selector, a number indicates how many times a selector is used. This service has a few limitations. The @import statement is not supported. You can't configure and download the new clean CSS file.

  4. Helium CSS is a javascript tool for discovering unused CSS across many pages on a web site. You first have to install the javascript file to the page you want to test. Then, you have to call a helium function to start the cleaning.

  5. CSSESS is a bookmarklet that helps you find unused CSS selectors on any site. This tool is pretty easy to use but it won't let you configure and download clean CSS files. It will only list unused CSS files.

  6. How can I find unused images and CSS styles in a website?

Unused Images:

  1. http://obsidience.blogspot.in/2008/06/using-powershell-to-find-unused-images.html
  2. How Do I Make a Bash Script To Find Unused Images in a Project?

Unused JS:

  1. Find unused CSS rule and js script in a web project?
  2. Find unused Javascript functions?
like image 145
Somnath Muluk Avatar answered Oct 14 '22 21:10

Somnath Muluk
Sign in to Comment

Related questions

Why should objects in Redux be immutable?
Pros and cons of placing test files in the same folder as source files, or separate under test/ [closed]
Javascript onHover event
How to sort a JavaScript array of objects by nested object property?
Why would I need to freeze an object in JavaScript?
How to expect one function to call another function?
Jasmine Spies.and.stub method
How can I unit test non-exported functions?
JavaScript Troubleshooting Tools in Internet Explorer
Return false on addEventListener submit still submits the form?
Creating a div element inside a div element in javascript
for-in vs Object.keys forEach without inherited properties
ES6 modules: imported constants are undefined at first; they become available later
Get HTMLElement from Element
Programmatically change Redux-Form Field value
What exactly does 'serving static files' mean?
Best jQuery Status Message Plugin?
ember.js and the server
Node.js wait for callback of REST service that makes HTTP request
Is there a JavaScript alert that doesn't pause the script?

Donate For Us

If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!