Optimize CSS for http://www.franksshoprite.com/css/site.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors6

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .menu-styling ul li:first-child > a {}.menu-styling ul li:first-child > a:after {}.menu-styling ul ul li:first-child a:after {}.menu-styling ul li:first-child a:hover:after {}.menu-styling ul ul li:first-child a:hover:after {}.menu-styling ul li:last-child > a {}
  • Duplicated Properties2

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    blockquote, blockquote:after, q, q:after {content: none} .menu-styling ul {background: linear-gradient(#444, #111)} 
  • Importants5

    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

    .top5 {margin-top: 5px !important} .top8 {margin-top: 8px !important} .top10 {margin-top: 10px !important} .top15 {margin-top: 15px !important} .top20 {margin-top: 20px !important} 
  • Imports1
    url("themes/pill.css") 
  • Old Property Prefixes19

    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

    #socialButton { -webkit-border-bottom-right-radius: 10px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #socialButton { -webkit-border-bottom-left-radius: 10px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .btn { -webkit-border-radius: 4px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier .btn { -moz-border-radius: 4px } // was required by Firefox 3.6 and earlier .btn { -moz-transition: 0.1s linear all } // was required by Firefox 15 and earlier .btn { -ms-transition: 0.1s linear all } // prefix is no longer supported .btn { -o-transition: 0.1s linear all } // prefix is no longer supported .btn { -webkit-box-shadow: 2px 2px 5px #444 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .btn:hover { -webkit-box-shadow: none } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier .intro { -moz-border-radius: 8px } // was required by Firefox 3.6 and earlier #intro-holiday, #contact { -moz-border-radius: 8px } // was required by Firefox 3.6 and earlier #hours1 { -moz-border-radius: 8px } // was required by Firefox 3.6 and earlier #hours2 { -moz-border-radius: 8px } // was required by Firefox 3.6 and earlier article#main { -moz-border-radius: 8px } // was required by Firefox 3.6 and earlier .no-transition { -moz-transition: none } // was required by Firefox 15 and earlier .no-transition { -ms-transition: none } // prefix is no longer supported .no-transition { -o-transition: none } // prefix is no longer supported #contactForm { -webkit-box-shadow: 4px 4px 8px #222 } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier #contactForm { -moz-border-radius: 6px } // was required by Firefox 3.6 and earlier 
  • Property Resets78
    html: "font" resets "font-size" property set earlier body: "font" resets "font-size" property set earlier div: "font" resets "font-size" property set earlier span: "font" resets "font-size" property set earlier applet: "font" resets "font-size" property set earlier object: "font" resets "font-size" property set earlier iframe: "font" resets "font-size" property set earlier h1: "font" resets "font-size" property set earlier h2: "font" resets "font-size" property set earlier h3: "font" resets "font-size" property set earlier h4: "font" resets "font-size" property set earlier h5: "font" resets "font-size" property set earlier h6: "font" resets "font-size" property set earlier p: "font" resets "font-size" property set earlier blockquote: "font" resets "font-size" property set earlier pre: "font" resets "font-size" property set earlier a: "font" resets "font-size" property set earlier abbr: "font" resets "font-size" property set earlier acronym: "font" resets "font-size" property set earlier address: "font" resets "font-size" property set earlier big: "font" resets "font-size" property set earlier cite: "font" resets "font-size" property set earlier code: "font" resets "font-size" property set earlier del: "font" resets "font-size" property set earlier dfn: "font" resets "font-size" property set earlier em: "font" resets "font-size" property set earlier img: "font" resets "font-size" property set earlier ins: "font" resets "font-size" property set earlier kbd: "font" resets "font-size" property set earlier q: "font" resets "font-size" property set earlier s: "font" resets "font-size" property set earlier samp: "font" resets "font-size" property set earlier small: "font" resets "font-size" property set earlier strike: "font" resets "font-size" property set earlier strong: "font" resets "font-size" property set earlier sub: "font" resets "font-size" property set earlier sup: "font" resets "font-size" property set earlier tt: "font" resets "font-size" property set earlier var: "font" resets "font-size" property set earlier b: "font" resets "font-size" property set earlier u: "font" resets "font-size" property set earlier i: "font" resets "font-size" property set earlier center: "font" resets "font-size" property set earlier dl: "font" resets "font-size" property set earlier dt: "font" resets "font-size" property set earlier dd: "font" resets "font-size" property set earlier ol: "font" resets "font-size" property set earlier ul: "font" resets "font-size" property set earlier li: "font" resets "font-size" property set earlier fieldset: "font" resets "font-size" property set earlier form: "font" resets "font-size" property set earlier label: "font" resets "font-size" property set earlier legend: "font" resets "font-size" property set earlier table: "font" resets "font-size" property set earlier caption: "font" resets "font-size" property set earlier tbody: "font" resets "font-size" property set earlier tfoot: "font" resets "font-size" property set earlier thead: "font" resets "font-size" property set earlier tr: "font" resets "font-size" property set earlier th: "font" resets "font-size" property set earlier td: "font" resets "font-size" property set earlier article: "font" resets "font-size" property set earlier aside: "font" resets "font-size" property set earlier canvas: "font" resets "font-size" property set earlier details: "font" resets "font-size" property set earlier figcaption: "font" resets "font-size" property set earlier figure: "font" resets "font-size" property set earlier footer: "font" resets "font-size" property set earlier header: "font" resets "font-size" property set earlier hgroup: "font" resets "font-size" property set earlier menu: "font" resets "font-size" property set earlier nav: "font" resets "font-size" property set earlier section: "font" resets "font-size" property set earlier summary: "font" resets "font-size" property set earlier time: "font" resets "font-size" property set earlier mark: "font" resets "font-size" property set earlier audio: "font" resets "font-size" property set earlier video: "font" resets "font-size" property set earlier 
  • Qualified Selectors5

    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

    header a.small {}header a.medium {}article#main {}article#main p {}.menu-styling li.last {}
  • Redundant Child Nodes Selectors6

    Deteced redundancies for child node selectors

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

    .menu-styling ul li {}.menu-styling ul li:last-child {}.menu-styling ul li:first-child > a {}.menu-styling ul li:first-child > a:after {}.menu-styling ul li:first-child a:hover:after {}.menu-styling ul li:last-child > a {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors28
Comments29
Comments Length2718
Complex Selectors By Attribute0
Duplicated Selectors0
Empty Rules0
Expressions0
Old IE Fixes0
Media Queries0
Not Minified1
Multi Classes Selectors0
Parsing Errors0
Specificity Id Avg0.15
Specificity Id Total31
Specificity Class Avg0.39
Specificity Class Total77
Specificity Tag Avg0.97
Specificity Tag Total194
Selectors200
Selector Length Avg1.29
Selectors By Attribute2
Selectors By Class58
Selectors By Id31
Selectors By Pseudo35
Selectors By Tag174
Universal Selectors0
Length13400
Rules101
Declarations349