Optimize CSS for http://megakyle83.com/css/megakyle83.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors1

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    ul.linkList li ul li {}
  • Duplicated Selectors1
    .oneHalfCentered {} /* (2 times) */
  • Empty Rules1

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    .errorClass {}
  • 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

    .mirror h1 {font-family: OswaldRegular !important} .full h1 {font-family: OswaldRegular !important} html, body {min-height: auto !important} .twoThird {max-width: 100% !important} .mirror {width: 100% !important} 
  • Old Property Prefixes15

    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

    #scroll { -webkit-border-radius: 100px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #scroll { -moz-border-radius: 100px } // was required by Firefox 3.6 and earlier #scroll { -ms-border-radius: 100px } // prefix is no longer supported #nav-icon2 { -moz-transform: rotate(0deg) } // was required by Firefox 15 and earlier #nav-icon2 { -o-transform: rotate(0deg) } // prefix is no longer supported #nav-icon2 { -moz-transition: .5s ease-in-out } // was required by Firefox 15 and earlier #nav-icon2 { -o-transition: .5s ease-in-out } // prefix is no longer supported #nav-icon2 span { -moz-transform: rotate(0deg) } // was required by Firefox 15 and earlier #nav-icon2 span { -o-transform: rotate(0deg) } // prefix is no longer supported #nav-icon2 span { -moz-transition: .25s ease-in-out } // was required by Firefox 15 and earlier #nav-icon2 span { -o-transition: .25s ease-in-out } // prefix is no longer supported #nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -moz-transform: rotate(45deg) } // was required by Firefox 15 and earlier #nav-icon2.open span:nth-child(1), #nav-icon2.open span:nth-child(6) { -o-transform: rotate(45deg) } // prefix is no longer supported #nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -moz-transform: rotate(-45deg) } // was required by Firefox 15 and earlier #nav-icon2.open span:nth-child(2), #nav-icon2.open span:nth-child(5) { -o-transform: rotate(-45deg) } // prefix is no longer supported 
  • Qualified Selectors25

    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

    ul.menuList {}ul.linkList {}ul.socialMedia {}ul.menuList {}ul.linkList li a {}ul.socialMedia li a {}ul.menuList li a {}ul.linkList li a:hover {}ul.socialMedia li a:hover {}ul.menuList li a:hover {}ul.linkList li ul {}ul.linkList li ul li {}#nav-icon2.open span:nth-child(1) {}#nav-icon2.open span:nth-child(6) {}#nav-icon2.open span:nth-child(2) {}#nav-icon2.open span:nth-child(5) {}#nav-icon2.open span:nth-child(1) {}#nav-icon2.open span:nth-child(2) {}#nav-icon2.open span:nth-child(3) {}#nav-icon2.open span:nth-child(4) {}#nav-icon2.open span:nth-child(5) {}#nav-icon2.open span:nth-child(6) {}ul.linkList {}ul.menuList {}ul.menuList {}
  • Redundant Child Nodes Selectors8

    Deteced redundancies for child node selectors

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

    ul.linkList li a {}ul.socialMedia li a {}ul.menuList li a {}ul.linkList li a:hover {}ul.socialMedia li a:hover {}ul.menuList li a:hover {}ul.linkList li ul {}ul.linkList li ul li {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors7
Comments7
Comments Length124
Complex Selectors By Attribute0
Duplicated Properties0
Expressions0
Old IE Fixes0
Imports0
Media Queries2
Not Minified1
Multi Classes Selectors0
Parsing Errors0
Property Resets0
Specificity Id Avg0.21
Specificity Id Total22
Specificity Class Avg0.89
Specificity Class Total93
Specificity Tag Avg0.91
Specificity Tag Total96
Selectors105
Selector Length Avg1.5142857142857142
Selectors By Attribute0
Selectors By Class68
Selectors By Id22
Selectors By Pseudo27
Selectors By Tag94
Universal Selectors0
Length9000
Rules84
Declarations247