RailsCasts Pro episodes are now free!

Learn more or hide this

Finding Unused CSS

#180 Finding Unused CSS

Sep 21, 2009 | 8 minutes | Plugins
Over time a CSS file can become large and filled with unused selectors. In this episode I show how to use the Deadweight gem to determine which CSS selects you can remove.
Click to Play Video ▶
  • Download:
  • source codeProject Files in Zip (959 Bytes)
  • mp4Full Size H.264 Video (13.6 MB)
  • m4vSmaller H.264 Video (8.7 MB)
  • webmFull Size VP8 Video (20.7 MB)
  • ogvFull Size Theora Video (16.6 MB)
Browse_code Browse Source Code

Resources

bash 
sudo gem install aanand-deadweight
lib/tasks/deadweight.rake 
begin
  require 'deadweight'
rescue LoadError
end

desc "run Deadweight CSS check (requires script/server)"
task :deadweight do
  dw = Deadweight.new
  dw.stylesheets = ["/stylesheets/application.css"]
  dw.pages = ["/", "/feeds", "/about", "/episodes/archive", "/comments", "/episodes/1-caching-with-instance-variables"]
  dw.ignore_selectors = /flash_notice|flash_error|errorExplanation|fieldWithErrors/
  puts dw.run
end