Optimize CSS for http://www.arthouseapartment.uk/theme/arthouse/css/main.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Duplicated Properties16

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .navMain--wide>ul a:focus:after, .navMain--wide>ul a:hover:after {margin-left: 2.5px} .navMain--wide>ul a[aria-label]:after {margin-left: 2.5px} .featureList li:after, .roomFeatures ul li:after {margin-left: 2.5px} .brandingSide {position: relative} .brandingSide>.strap {margin-top: 1.5em} .distanceTable-title:after {margin-left: 2.5px} .ourLocation-mapLink:after {position: absolute} #baguetteBox-overlay {background-color: rgba(0,0,0,.8)} #baguetteBox-overlay .full-image figcaption {background-color: rgba(0,0,0,.6)} #baguetteBox-slider {transition: left .4s ease,transform .4s ease} #baguetteBox-slider {transition: left .4s ease,transform .4s ease,-webkit-transform .4s ease} .baguetteBox-button#next-button, .baguetteBox-button#previous-button {top: calc(50% - 30px)} .baguetteBox-button {background-color: rgba(50,50,50,.5)} .baguetteBox-button#close-button {right: calc(2% + 6px)} .contactForm ul {position: relative} .contactForm ul:after {margin-left: -7.5px} 
  • Duplicated Selectors2
    body {} /* (4 times) */figure {} /* (2 times) */
  • Old Property Prefixes1

    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

    *, :after,  { -webkit-box-sizing: border-box } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier 
  • Qualified Selectors8

    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

    #baguetteBox-overlay.visible {}#baguetteBox-slider.bounce-from-right {}#baguetteBox-slider.bounce-from-left {}.baguetteBox-button#next-button {}.baguetteBox-button#previous-button {}.baguetteBox-button#next-button {}.baguetteBox-button#previous-button {}.baguetteBox-button#close-button {}
  • Redundant Child Nodes Selectors3

    Deteced redundancies for child node selectors

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

    .roomFeatures ul li {}.roomFeatures ul li:after {}.roomFeatures ul li:after {}
  • Universal Selectors4

    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 {} {}

CSS Stats

CSS Metrics

Base64 Length460
Redundant Body Selectors0
Colors29
Comments2
Comments Length181
Complex Selectors0
Complex Selectors By Attribute0
Empty Rules0
Expressions0
Old IE Fixes0
Imports0
Importants0
Media Queries15
Not Minified0
Multi Classes Selectors0
Parsing Errors0
Property Resets0
Specificity Id Avg0.05
Specificity Id Total15
Specificity Class Avg0.94
Specificity Class Total289
Specificity Tag Avg0.86
Specificity Tag Total265
Selectors308
Selector Length Avg1.5357142857142858
Selectors By Attribute17
Selectors By Class226
Selectors By Id15
Selectors By Pseudo73
Selectors By Tag236
Length21215
Rules221
Declarations707