Optimize CSS for http://www.sueread.co.uk/wp-content/themes/sueread/style.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Duplicated Properties4

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    a:focus {outline: 2px solid rgba(51, 51, 51, 0.3)} .gallery .gallery-item {display: inline-table} a.comment-reply-link, a.comment-edit-link {font-size: 0.928571429rem} .painting-block-title {text-transform: uppercase} 
  • Duplicated Selectors3
    body {} /* (2 times) */.testimonial-block {} /* (2 times) */
  • Empty Rules2

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    .site-branding svg {}.commentlist .odd .comment {}
  • Importants31

    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

    .site-navigation li:hover {background: url(images/menu-item-selected.jpg) bottom center no-repeat !important} .tax-painting-categories #menu-item-1967, .single-paintings  #menu-item-1967 {background: none !important} #site-social p {margin-bottom: -5px !important} .wp-caption, .wp-caption img {width: 100% !important} .wp-caption, .wp-caption img {height: auto !important} .gallery img {border: 0px solid !important} .gallery img {width: 100% !important} .gallery img {height: auto !important} .gallery {margin-top: 40px !important} .gallery {margin-bottom: 20px !important} .gallery .gallery-item {margin-bottom: 40px !important} .gallery .gallery-item {float: none !important} .gallery .gallery-item {display: inline-table !important} .gallery .gallery-item {margin-right: 2% !important} .gallery .gallery-item {width: 31.00% !important} .header-slideshow-item {-webkit-background-size: cover !important} .header-slideshow-item {-moz-background-size: cover !important} .header-slideshow-item {-o-background-size: cover !important} .header-slideshow-item {background-size: cover !important} .header-slideshow-item {background-position: 50% 50% !important} .footer-slideshow-item {-webkit-background-size: cover !important} .footer-slideshow-item {-moz-background-size: cover !important} .footer-slideshow-item {-o-background-size: cover !important} .footer-slideshow-item {background-size: cover !important} .footer-slideshow-item {background-position: 50% 50% !important} .gallery .gallery-item {width: 100% !important} .gallery .gallery-item {display: block !important} .event-image {height: auto !important} .event-image {margin-right: 0px !important} .alignright, .alignnone {height: auto !important} .comment-meta {margin-bottom: 10px !important} 
  • Multi Classes Selectors1

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .comment.depth-1 {}
  • 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

    #footer-mask {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#33000000',GradientType=0 )} 
  • 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

    html { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier html { -moz-box-sizing: border-box } // was required by Firefox 28 and earlier *, *, *:after { -webkit-box-sizing: inherit } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier *, *, *:after { -moz-box-sizing: inherit } // was required by Firefox 28 and earlier .entry-header h1, .entry-header h2 { -ms-transform: rotate(-2deg) } // was required by IE 9 and earlier .header-slideshow-item { -webkit-background-size: cover !important } // was required by Android Browser 2.3, Opera 10 and earlier .header-slideshow-item { -moz-background-size: cover !important } // was required by Firefox 3.6 and earlier .header-slideshow-item { -o-background-size: cover !important } // prefix is no longer supported #footer-content .handwriting { -ms-transform: rotate(-2deg) } // was required by IE 9 and earlier .footer-slideshow-item { -webkit-background-size: cover !important } // was required by Android Browser 2.3, Opera 10 and earlier .footer-slideshow-item { -moz-background-size: cover !important } // was required by Firefox 3.6 and earlier .footer-slideshow-item { -o-background-size: cover !important } // prefix is no longer supported 
  • Property Resets2
    .entry-header h1: "margin" resets "margin-left" property set earlier .entry-header h2: "margin" resets "margin-left" property set 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

    a.comment-reply-link {}a.comment-edit-link {}a.comment-reply-link:hover {}a.comment-edit-link:hover {}li.comment {}li.comment.depth-1 {}
  • Universal Selectors3

    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

    * {}* {}*:after {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Redundant Child Nodes Selectors0
Colors12
Comments21
Comments Length1173
Complex Selectors0
Complex Selectors By Attribute0
Expressions0
Imports0
Media Queries4
Not Minified1
Parsing Errors0
Specificity Id Avg0.1
Specificity Id Total24
Specificity Class Avg0.63
Specificity Class Total147
Specificity Tag Avg0.63
Specificity Tag Total149
Selectors235
Selector Length Avg1.2765957446808511
Selectors By Attribute0
Selectors By Class138
Selectors By Id24
Selectors By Pseudo16
Selectors By Tag141
Length14917
Rules140
Declarations387