Optimize CSS for http://clearskiesapp.com/css/ClearSkies.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors3

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    body>header .main-btn span {}body>header .main-btn span {}body>header .main-btn span {}
  • Complex Selectors By Attribute4

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    [class*=" icon-"] {}[class^=icon-] {}button [class*=" icon-"] {}button [class^=icon-] {}
  • Multi Classes Selectors134

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .climacon.cloud {}.climacon.cloud.sun {}.climacon.cloud.moon {}.climacon.cloud.rain {}.climacon.rain {}.climacon.cloud.rain.sun {}.climacon.rain.sun {}.climacon.cloud.moon.rain {}.climacon.moon.rain {}.climacon.cloud.showers {}.climacon.showers {}.climacon.cloud.showers.sun {}.climacon.showers.sun {}.climacon.cloud.moon.showers {}.climacon.moon.showers {}.climacon.cloud.downpour {}.climacon.downpour {}.climacon.cloud.downpour.sun {}.climacon.downpour.sun {}.climacon.cloud.downpour.moon {}.climacon.downpour.moon {}.climacon.cloud.drizzle {}.climacon.drizzle {}.climacon.cloud.drizzle.sun {}.climacon.drizzle.sun {}.climacon.cloud.drizzle.moon {}.climacon.drizzle.moon {}.climacon.cloud.sleet {}.climacon.sleet {}.climacon.cloud.sleet.sun {}.climacon.sleet.sun {}.climacon.cloud.moon.sleet {}.climacon.moon.sleet {}.climacon.cloud.hail {}.climacon.hail {}.climacon.cloud.hail.sun {}.climacon.hail.sun {}.climacon.cloud.hail.moon {}.climacon.hail.moon {}.climacon.cloud.flurries {}.climacon.flurries {}.climacon.cloud.flurries.sun {}.climacon.flurries.sun {}.climacon.cloud.flurries.moon {}.climacon.flurries.moon {}.climacon.cloud.snow {}.climacon.snow {}.climacon.cloud.snow.sun {}.climacon.snow.sun {}.climacon.cloud.moon.snow {}.climacon.moon.snow {}.climacon.cloud.fog {}.climacon.fog {}.climacon.cloud.fog.sun {}.climacon.fog.sun {}.climacon.cloud.fog.moon {}.climacon.fog.moon {}.climacon.haze {}.climacon.haze.sun {}.climacon.haze.moon {}.climacon.wind {}.climacon.cloud.wind {}.climacon.cloud.sun.wind {}.climacon.sun.wind {}.climacon.cloud.moon.wind {}.climacon.moon.wind {}.climacon.cloud.lightning {}.climacon.lightning {}.climacon.cloud.lightning.sun {}.climacon.lightning.sun {}.climacon.cloud.lightning.moon {}.climacon.lightning.moon {}.climacon.sun {}.climacon.set.sun {}.climacon.sunset {}.climacon.rise.sun {}.climacon.sunrise {}.climacon.low-sun {}.climacon.sun-low {}.climacon.low.sun {}.climacon.lower-sun {}.climacon.sun-lower {}.climacon.lower.sun {}.climacon.moon {}.climacon.moon.new {}.climacon.first-crescent.moon {}.climacon.crescent.moon.waxing {}.climacon.first-half.moon {}.climacon.first-quarter.moon {}.climacon.half.moon.waxing {}.climacon.moon.quarter.waxing {}.climacon.first-gibbous.moon {}.climacon.first-three-quarter.moon {}.climacon.gibbous.moon.waxing {}.climacon.moon.three-quarter.waxing {}.climacon.full.moon {}.climacon.last-gibbous.moon {}.climacon.last-three-quarter.moon {}.climacon.gibbous.moon.waning {}.climacon.moon.three-quarter.waning {}.climacon.last-half.moon {}.climacon.last-quarter.moon {}.climacon.half.moon.waning {}.climacon.moon.quarter.waning {}.climacon.last-crescent.moon {}.climacon.crescent.moon.waning {}.climacon.snowflake {}.climacon.tornado {}.climacon.empty.thermometer {}.climacon.thermometer {}.climacon.low.thermometer {}.climacon.medium-low.thermometer {}.climacon.medium-high.thermometer {}.climacon.high.thermometer {}.climacon.full.thermometer {}.celcius.climacon {}.climacon.farenheit {}.climacon.compass {}.climacon.compass.north {}.climacon.compass.east {}.climacon.compass.south {}.climacon.compass.west {}.climacon.umbrella {}.climacon.sunglasses {}.climacon.cloud.cycle {}.climacon.cloud.refresh {}.climacon.cloud.down {}.climacon.cloud.download {}.climacon.cloud.up {}.climacon.cloud.upload {}.climacon.small {}.modal.show {}.loading.main {}.break-sm.col {}
  • Old Property Prefixes5

    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

    * { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier .location-search { -ms-transform: translateY(-200%) } // was required by IE 9 and earlier .active .location-search { -ms-transform: translateY(0) } // was required by IE 9 and earlier .main { -ms-transform: translateY(-200%) } // was required by IE 9 and earlier .main.loading { -ms-transform: translateY(0) } // was required by IE 9 and earlier 
  • Qualified Selectors6

    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

    body.installed-app>header .top-bar {}body.installed-app .top-bar button {}body>header button.ng-click-active {}body>header.active .search-btn {}button.main-btn span {}body.installed-app>header .top-bar {}
  • Universal Selectors12

    The universal selector matches any element type

    Universal selectors can be implied (and therefore omitted) if it isn’t the only component of the simple selector, avoid whenever possible

    * {}[class*=" icon-"] {}[class^=icon-] {}button [class*=" icon-"] {}button [class^=icon-] {}::-moz-selection {}::selection {}::-webkit-input-placeholder {}:-moz-placeholder {}::-moz-placeholder {}:-ms-input-placeholder {}:invalid {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Redundant Child Nodes Selectors0
Colors9
Comments1
Comments Length40
Duplicated Selectors0
Duplicated Properties0
Empty Rules0
Expressions0
Old IE Fixes0
Imports0
Importants0
Media Queries9
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0
Specificity Id Total0
Specificity Class Avg1.99
Specificity Class Total546
Specificity Tag Avg0.85
Specificity Tag Total234
Selectors275
Selector Length Avg1.309090909090909
Selectors By Attribute4
Selectors By Class265
Selectors By Id0
Selectors By Pseudo155
Selectors By Tag89
Length43610
Rules207
Declarations449