Optimize CSS for http://micromedium.wisdmlabs.net/wp-content/themes/genesis-sample/style.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors12

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .genesis-nav-menu .sub-menu .current-menu-item > a:hover {}.genesis-nav-menu .sub-menu .current-menu-item > a:focus {}.menu .menu-item > a:focus + ul.sub-menu {}.site-header .genesis-nav-menu li li {}.nav-primary .genesis-nav-menu .current-menu-item > a {}.nav-primary .genesis-nav-menu .sub-menu a {}.nav-primary .genesis-nav-menu .sub-menu a:hover {}.nav-primary .genesis-nav-menu .sub-menu a:focus {}.nav-primary .genesis-nav-menu .sub-menu .current-menu-item > a {}.category-content.wrap .left-half .lh-lower-half .one-half {}.category-content.wrap .right-half .rh-upper-half .one-half {}.category-content.wrap .right-half .rh-upper-half .one-half {}
  • Complex Selectors By Attribute2

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    a[href^="javascript:"]:after {}a[href^="#"]:after {}
  • Duplicated Properties31

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    body {font-size: 1.8rem} blockquote: {font-size: 3rem} h1 {font-size: 3.6rem} h2 {font-size: 3rem} h3 {font-size: 2.4rem} h4 {font-size: 2rem} h5 {font-size: 1.8rem} h6 {font-size: 1.6rem} input, select, textarea {font-size: 1.8rem} button, input[type="button"], input[type="reset"], input[type="submit"], .button {font-size: 1.6rem} .archive-description, .author-box {font-size: 1.6rem} .author-box-title {font-size: 1.6rem} .archive-title {font-size: 2rem} .entry-title {font-size: 3.6rem} .widget-title {font-size: 1.8rem} .wp-caption-text {font-size: 1.4rem} .featured-content .entry-title {font-size: 2rem} .enews-widget input {font-size: 1.6rem} .site-title {font-size: 3.2rem} .site-description {font-size: 1.6rem} .genesis-nav-menu {font-size: 1.6rem} .genesis-nav-menu .sub-menu a {font-size: 1.4rem} p.entry-meta {font-size: 1.6rem} .archive-pagination li a {font-size: 1.6rem} .comment-header {font-size: 1.6rem} .form-allowed-tags {font-size: 1.6rem} .sidebar {font-size: 1.6rem} .site-footer {font-size: 1.6rem} body {font-size: 1.6rem} .wdm-btn, .wdm-message {font-size: 1.6rem} .wdm-btn, .wdm-message {font-weight: bold} 
  • Duplicated Selectors15
    td, th {} /* (2 times) */html {} /* (2 times) */b, strong {} /* (2 times) */h1 {} /* (2 times) */img {} /* (2 times) */hr {} /* (2 times) */table {} /* (2 times) */a {} /* (2 times) */.search-form {} /* (2 times) */.site-title a, .site-title a:hover, .site-title a:focus {} /* (2 times) */body {} /* (2 times) */.product-display {} /* (2 times) */.prod-img > img {} /* (2 times) */.product-display > div {} /* (2 times) */
  • Empty Rules2

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    .sticky {}.bypostauthor {}
  • Importants12

    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

    .screen-reader-text, .screen-reader-text span, .screen-reader-shortcut {position: absolute !important} .screen-reader-text:focus, .screen-reader-shortcut:focus, .genesis-nav-menu .search input[type="submit"]:focus, .widget_search input[type="submit"]:focus {clip: auto !important} *, *, *:after {background: transparent !important} *, *, *:after {box-shadow: none !important} *, *, *:after {color: #000 !important} *, *, *:after {text-shadow: none !important} img {max-width: 100% !important} button, input, select, textarea, .breadcrumb, .comment-edit-link, .comment-form, .comment-list .reply a, .comment-reply-title, .edit-link, .entry-comments-link, .entry-footer, .genesis-box, .header-widget-area, .hidden-print, .home-top, .nav-primary, .nav-secondary, .post-edit-link, .sidebar {display: none !important} .search-form input[type=search]::-webkit-input-placeholder {color: white !important} .search-form input[type=search]:-moz-placeholder {color: white !important} .search-form input[type=search]::-moz-placeholder {color: white !important} .search-form input[type=search]:-ms-input-placeholder {color: white !important} 
  • Multi Classes Selectors24

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .alignleft.wp-caption {}.alignright.wp-caption {}.enews-widget.widget {}.menu-item.sfHover {}.enews-widget.widget {}.entry.page.status-publish.type-page {}.category-content.wrap {}.one-half.right-half {}.category-content.wrap {}.lh-lh-right-half.one-half {}.category-content.wrap {}.one-half.rh-uh-right-half {}.category-content.wrap {}.category-content.wrap {}.category-content.wrap {}.category-content.wrap {}.one-half.rh-uh-right-half {}.first.one-half.rh-uh-left-half {}.first.lh-lh-left-half.one-half {}.lh-lh-right-half.one-half {}.filter-content.wrap {}.modal-body.wdm-modal-body {}.modal-body.wdm-modal-body {}.button.get-a-quote-btn {}
  • Old Property Prefixes12

    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

    hr { -moz-box-sizing: content-box } // was required by Firefox 28 and earlier input[type=search] { -moz-box-sizing: content-box } // was required by Firefox 28 and earlier input[type=search] { -webkit-box-sizing: content-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier html, input[type="search"] { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier html, input[type="search"] { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -moz-transition: all 0.1s ease-in-out } // was required by Firefox 15 and earlier a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -ms-transition: all 0.1s ease-in-out } // prefix is no longer supported a, button, input:focus, input[type="button"], input[type="reset"], input[type="submit"], textarea:focus, .button, .gallery img { -o-transition: all 0.1s ease-in-out } // prefix is no longer supported .genesis-nav-menu .sub-menu { -moz-transition: opacity .4s ease-in-out } // was required by Firefox 15 and earlier .genesis-nav-menu .sub-menu { -ms-transition: opacity .4s ease-in-out } // prefix is no longer supported .genesis-nav-menu .sub-menu { -o-transition: opacity .4s ease-in-out } // prefix is no longer supported .cart-button:hover { -ms-transform: rotate(6.28rad) } // was required by IE 9 and earlier 
  • Qualified Selectors23

    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

    a.aligncenter img {}a.alignnone {}a.alignleft {}a.alignnone {}a.alignright {}img.centered {}img.alignnone {}a.alignleft {}img.alignleft {}a.alignright {}img.alignright {}.entry-content p.wp-caption-text {}.menu .menu-item > a:focus + ul.sub-menu {}.menu .menu-item.sfHover > ul.sub-menu {}p.entry-meta {}li.comment {}.footer-widgets a.button {}.site-header ul.genesis-nav-menu {}.genesis-nav-menu li.right {}header.site-header {}.content article.page.type-page.status-publish.entry {}.search-bar > .filter-bar i.fa-search {}button.get-a-quote-btn.button {}
  • Redundant Child Nodes Selectors4

    Deteced redundancies for child node selectors

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

    .widget ol > li {}.entry-content ol > li {}.entry-content ul > li {}.sidebar ul > li:last-child {}
  • Universal Selectors10

    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

    [hidden] {}* {}* {}*:after {}::-moz-placeholder {}::-webkit-input-placeholder {}:focus {}* {}* {}*:after {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors20
Comments67
Comments Length5658
Expressions0
Old IE Fixes0
Imports0
Media Queries4
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0
Specificity Id Total1
Specificity Class Avg1.19
Specificity Class Total779
Specificity Tag Avg0.61
Specificity Tag Total400
Selectors654
Selector Length Avg1.4587155963302751
Selectors By Attribute60
Selectors By Class615
Selectors By Id1
Selectors By Pseudo125
Selectors By Tag351
Length35285
Rules353
Declarations733