Optimize CSS for https://news.ycombinator.com/news.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Duplicated Selectors2
    .comment {} /* (2 times) */pre {} /* (2 times) */
  • Importants1

    Provides a way for a stylesheet author to give a CSS value more weight than it naturally has

    Avoid usage if at all possible. When you use !important, you’re disrupting the natural flow of your rules, giving more weight to rules that are undeserving of such weight

    td {height: inherit !important} 
  • Multi Classes Selectors1

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .rotate180.votearrow {}
  • Old IE Fixes1

    Rules specific to IE greater than or equal to IE 6 or IE 7

    Lower browser usage for previous versions of IE prevents these rules from being very useful

    .rotate180 {filter: progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=-1, DX=0, DY=0, SizingMethod='auto expand')} 
  • Old Property Prefixes6

    Properties with a no longer needed vendor prefix

    These have since been integrated or removed from mentioned browsers and can safely be removed from CSS

    .rotate180 { -moz-transform: rotate(180deg) } // was required by Firefox 15 and earlier .rotate180 { -o-transform: rotate(180deg) } // prefix is no longer supported .rotate180 { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier .votearrow.rotate180 { -moz-transform: rotate(180deg) scale(1.3,1.3) } // was required by Firefox 15 and earlier .votearrow.rotate180 { -o-transform: rotate(180deg) scale(1.3,1.3) } // prefix is no longer supported .votearrow.rotate180 { -ms-transform: rotate(180deg) scale(1.3,1.3) } // was required by IE 9 and earlier 
  • Qualified Selectors3

    Since IDs are unique and classes are more unique than tags, adding a tag name would slow down the matching process needlessly

    Don’t qualify class or ID rules with tag names, as they are more unique than the tag. Strip tag names where possible

    span.pagetop {}span.pagetop b {}table.comment-tree .comment a {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Redundant Child Nodes Selectors0
Colors12
Comments12
Comments Length178
Complex Selectors0
Complex Selectors By Attribute0
Duplicated Properties0
Empty Rules0
Expressions0
Imports0
Media Queries12
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.01
Specificity Id Total1
Specificity Class Avg1.26
Specificity Class Total161
Specificity Tag Avg0.66
Specificity Tag Total85
Selectors128
Selector Length Avg1.2890625
Selectors By Attribute24
Selectors By Class82
Selectors By Id1
Selectors By Pseudo33
Selectors By Tag85
Universal Selectors0
Length7202
Rules102
Declarations175