Remove Unused CSS

[Killer_Klownz]

I was wondering how to remove unused CSS rules. I made a website using Twitter Bootstrap so I used some of their CSS rules as well as some of my own. I added all the files to one huge CSS file so my HTML only needs to call for 1 CSS file instead of like 5. I also made the huge file all into 1 line and removed any white space to make it as efficient as possible. So my question is, how can I compare the CSS file with my HTML file and have it remove any unused css that is not needed for that page?

 

I have tried Unused-CSS but you need a paid account in order to download the clean css file.

I was having a look at mincss but I have no-idea on how to use it. I tried looking up YouTube videos about it but all that came up was some Counter-Strike Videos.

[alpenwasser]

Do you primarily need to find out which rules are unused (which you can

do in Chrome and most likely also Firefox' debugging tool suite) or do

you actually want to put in your old file and get back a cleaned-up new

version? As said, the former can be done with a browser's integrated

debugging tools, but since I've always done my CSS by hand I've never

used an automated tool, so I don't know a lot about the latter.

I have heard some good things about mincss, if you really want this

I recommend looking around for some tutorials and working yourself through

the docs.

[Killer_Klownz]

Do you primarily need to find out which rules are unused (which you can

do in Chrome and most likely also Firefox' debugging tool suite) or do

you actually want to put in your old file and get back a cleaned-up new

version? As said, the former can be done with a browser's integrated

debugging tools, but since I've always done my CSS by hand I've never

used an automated tool, so I don't know a lot about the latter.

I have heard some good things about mincss, if you really want this

I recommend looking around for some tutorials and working yourself through

the docs.

I read about mincss and I really want to use it, but I don't know how. Their are no tutorials or any helpful links I could find. How do I install it and use it?

[Darren]

So you're afraid of having the same rule in two different files, so an inline entry plus externally linked entry? Just go through your inline stuff and if it exists externally, delete it from the .html file.

[Killer_Klownz]

So you're afraid of having the same rule in two different files, so an inline entry plus externally linked entry? Just go through your inline stuff and if it exists externally, delete it from the .html file.

No. What I want to do is remove unused rules from my CSS file. You can take a look at my CSS file minified or non-minified at these links.

I've tested how many unused rules my CSS file has with Dust-Me Selectors a Firefox add-on and it said that out of all my rules, 1,993 of them are unused.

[alpenwasser]

I read about mincss and I really want to use it, but I don't know how. Their are no tutorials or any helpful links I could find. How do I install it and use it?

What's your operating system and knowledge on Python? I have managed to get it

to run (I think ).

[Killer_Klownz]

What's your operating system and knowledge on Python? I have managed to get it

to run (I think ).

I am currently running Windows 8, I have access to a Mac if needed and I could install Ubuntu on a partition if needed at all.

I currently have Python 2.7 installed on my Windows.

I have ZERO knowledge with Python.

[Stormsys]

Theres a Firefox add on for this, Dust-me selectors I think it's called. However a word of warning, if your site is dynamic or has multiple pages it is possible that these tools will get rid of selectors that actually are being used. Another example would be a heavily JavaScript powered website doing all sorts with selectors to trigger effects/animations/states may also fall through these tools

[alpenwasser]

I am currently running Windows 8, I have access to a Mac if needed and I could install Ubuntu on a partition if needed at all.

I currently have Python 2.7 installed on my Windows.

I have ZERO knowledge with Python.

OK, that should work, before this I also had never actually worked

with Python. I'll put the info together tomorrow. It's Python 2

powered and needs two extensions/modules or whatever they are called

in Python (cssselect and lxml), see if you can install them already.

If you can get them to work on Win I don't think you'll need to switch

your OS, the Python console should work the same I hope (I've only

worked with it on Linux though).

[Killer_Klownz]

Theres a Firefox add on for this, Dust-me selectors I think it's called. However a word of warning, if your site is dynamic or has multiple pages it is possible that these tools will get rid of selectors that actually are being used. Another example would be a heavily JavaScript powered website doing all sorts with selectors to trigger effects/animations/states may also fall through these tools

 

 

No. What I want to do is remove unused rules from my CSS file. You can take a look at my CSS file minified or non-minified at these links.

I've tested how many unused rules my CSS file has with Dust-Me Selectors a Firefox add-on and it said that out of all my rules, 1,993 of them are unused.

I've already used Dust-Me Selectors. The button it has to make a CSS file without the unused rules didn't work.

[Killer_Klownz]

OK, that should work, before this I also had never actually worked

with Python. I'll put the info together tomorrow. It's Python 2

powered and needs two extensions/modules or whatever they are called

in Python (cssselect and lxml), see if you can install them already.

If you can get them to work on Win I don't think you'll need to switch

your OS, the Python console should work the same I hope (I've only

worked with it on Linux though).

I was able to install cssselect, lxml, and setuptools from these links, but I'm not sure if they were the correct one's I was supposed to install.

[alpenwasser]

I was able to install cssselect, lxml, and setuptools from these links, but I'm not sure if they were the correct one's I was supposed to install.

Yeah I think those are the right ones.

I have made a small tutorial and put it into a separate thread so that it's easier to expand

and edit later on should that become necessary. Let me know if it does or does not work for you.

Cheers,

-aw

[Killer_Klownz]

Yeah I think those are the right ones.

I have made a small tutorial and put it into a separate thread so that it's easier to expand

and edit later on should that become necessary. Let me know if it does or does not work for you.

Cheers,

-aw

Yes! Thank you very much! Worked like a charm!

[alpenwasser]

Yes! Thank you very much! Worked like a charm!

Cool, happy to help!