Optimize CSS for http://marea.red/css/marea.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors5

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .projectsPg .filters li .submenu {}#shopPg #hero .isotope li img {}#shop ul li img {}header .revealer .content__title__inner img {}header .revealer .content__title__inner img {}
  • Duplicated Properties2

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .bounce {height: inherit} .bounce {display: flex} 
  • Empty Rules2

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    html {}header {}
  • Old Property Prefixes7

    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

    #wrapper, a, .mask, button, bx-wrapper .bx-pager, .button, li figure div.da-animate, input, textarea, .arrowBounce, .projectsPg .filters li .submenu, .arrow-left, #shopPg #hero .isotope li img, .featherlight .featherlight-close-icon, #shop ul li img { -moz-transition: all 0.5s } // was required by Firefox 15 and earlier #wrapper, a, .mask, button, bx-wrapper .bx-pager, .button, li figure div.da-animate, input, textarea, .arrowBounce, .projectsPg .filters li .submenu, .arrow-left, #shopPg #hero .isotope li img, .featherlight .featherlight-close-icon, #shop ul li img { -ms-transition: all 0.5s } // prefix is no longer supported #wrapper, a, .mask, button, bx-wrapper .bx-pager, .button, li figure div.da-animate, input, textarea, .arrowBounce, .projectsPg .filters li .submenu, .arrow-left, #shopPg #hero .isotope li img, .featherlight .featherlight-close-icon, #shop ul li img { -o-transition: all 0.5s } // prefix is no longer supported .toggle-slide-right { -webkit-border-radius: 5px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .toggle-slide-right { -moz-border-radius: 5px } // was required by Firefox 3.6 and earlier #thanksPg a, #shopThanks a { -webkit-border-radius: 0 3px 3px 0 } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #thanksPg a, #shopThanks a { -moz-border-radius: 0 3px 3px 0 } // was required by Firefox 3.6 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

    li figure div.da-animate {}.edge img.nest {}footer img.name {}
  • Redundant Child Nodes Selectors1

    Deteced redundancies for child node selectors

    Dry up duplication by nesting rules under a set of similar selectors

    #shop ul li img {}
  • Universal Selectors5

    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

    * {}::-webkit-input-placeholder {}:-moz-placeholder {}::-moz-placeholder {}:-ms-input-placeholder {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors11
Comments26
Comments Length1879
Complex Selectors By Attribute0
Duplicated Selectors0
Expressions0
Old IE Fixes0
Imports0
Importants0
Media Queries13
Not Minified1
Multi Classes Selectors0
Parsing Errors0
Property Resets0
Specificity Id Avg0.44
Specificity Id Total57
Specificity Class Avg0.66
Specificity Class Total85
Specificity Tag Avg0.74
Specificity Tag Total96
Selectors129
Selector Length Avg1.7286821705426356
Selectors By Attribute0
Selectors By Class70
Selectors By Id57
Selectors By Pseudo17
Selectors By Tag94
Length12068
Rules100
Declarations295