Optimize CSS for http://www.madepossiblewith.com/home/_css/_dev/styles.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors10

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    #app-sidebar .sidebar-box .sidebar-menu ul {}#app-sidebar .sidebar-box .sidebar-menu ul li {}#app-sidebar .sidebar-box .sidebar-menu ul li a img {}#app-sidebar .sidebar-box .sidebar-menu ul li:first-child {}#app-sidebar .sidebar-box .sidebar-menu ul li:last-child {}#app-page #page-content .campaign-content header {}#app-page #page-content .campaign-content header h2 {}#app-page #page-content .campaign-content header i {}#app-page #page-content .campaign-content header h4 {}#app-page #page-content .campaign-content p {}
  • Duplicated Properties33

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    h1 {font-size: 1.75rem} h2 {font-size: 1.625rem} h5 {font-size: 1.125rem} h5.box-header {font-size: 0.875rem} p {font-size: 0.875rem} q {font-size: 1.5rem} .sidebar-box p {font-size: 0.9375rem} .camp-date p, .app-content-snip p {font-size: 1.125rem} .campaign-content p {font-size: 0.875rem} #top-share-bar {background: rgb(231, 232, 233)} #app-sidebar .sidebar-box p {color: rgb(66, 71, 74)} #app-page #page-content .campaign-content header {margin: 10px 0 10px 0} #app-page #page-content .campaign-content header h2 {font-size: 2.25rem} #app-page #page-content .campaign-content header i {font-size: 0.875rem} #app-page #page-content .campaign-content header h4 {font-size: 1.125rem} #page-nav ul li {font-size: 0.75rem} .camp-date {background: rgb(51, 51, 51)} .camp-date {color: #fff} #campaign-clip {background: rgba(51,51,51,1)} #campaign-clip {color: rgba(255,255,255,1)} li #campaign-clip p {font-size: .856rem} li #campaign-clip p {font-size: 13px} #campaign-clip p {font-size: 12px} #campaign-clip p {color: rgba(255, 255, 255, 1)} #campaign-clip p {color: hsla(0,0%,100%,1)} #campaign-clip p {font-size: .856rem} div#campaign-clip.hide-mobile p {margin: 10px 0px 0px 5px} .app-content-snip {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} .app-content-snip {filter: alpha(opacity=70)} figcaption {font-size: 1.25rem} figcaption a {color: rgb(153, 0, 0)} figcaption a {color: hsl(0, 100%, 30%)} #app-footer h6 {font-size: 0.875rem} 
  • Duplicated Selectors5
    img {} /* (2 times) */#campaign-clip p {} /* (2 times) */div#campaign-clip.hide-mobile p {} /* (2 times) */div#campaign-clip.hide-mobile p.app-cta {} /* (2 times) */
  • Multi Classes Selectors1

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .camp-container.get-full {}
  • Old IE Fixes5

    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

    .clearfix {*zoom: 1} .camp-date {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} #campaign-clip {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} .app-content-snip {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} .app-content-snip {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"} 
  • 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

    * { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier * { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier .camp-date { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } // prefix is no longer supported #campaign-clip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } // prefix is no longer supported .app-content-snip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } // prefix is no longer supported .app-content-snip { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)" } // prefix is no longer supported 
  • Qualified Selectors13

    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

    h5.box-header {}#app-header.tucked-in {}.app-campaigns ul li.push-right {}div#campaign-clip.hide-mobile p {}div#campaign-clip.hide-mobile p.app-cta {}div#campaign-clip.hide-mobile p.app-cta {}p app-cta.wide {}figure p.app-cta {}#campaign-clip p.app-cta {}div#campaign-clip.hide-mobile p {}div#campaign-clip.hide-mobile p.app-cta {}div#campaign-clip.hide-mobile p.app-cta {}body.bg-page {}
  • Redundant Child Nodes Selectors10

    Deteced redundancies for child node selectors

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

    #app-sidebar .sidebar-box .sidebar-menu ul li {}#app-sidebar .sidebar-box .sidebar-menu ul li a img {}#app-sidebar .sidebar-box .sidebar-menu ul li:first-child {}#app-sidebar .sidebar-box .sidebar-menu ul li:last-child {}.app-campaigns ul li {}.app-campaigns ul li.push-right {}#page-nav ul li {}#page-nav ul li:first-child {}#page-nav ul li:hover {}.app-campaigns ul li {}
  • Universal Selectors1

    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

    * {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors10
Comments1
Comments Length39
Complex Selectors By Attribute0
Empty Rules0
Expressions0
Imports0
Importants0
Media Queries2
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.53
Specificity Id Total86
Specificity Class Avg0.6
Specificity Class Total98
Specificity Tag Avg0.66
Specificity Tag Total108
Selectors163
Selector Length Avg1.638036809815951
Selectors By Attribute0
Selectors By Class92
Selectors By Id86
Selectors By Pseudo8
Selectors By Tag105
Length10882
Rules132
Declarations441