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

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors23

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .navbar-default .navbar-nav>li>a {}.navbar-default .navbar-nav>li>a:hover {}.navbar-default .navbar-nav>li>a:active {}.navbar-default .navbar-nav>li.menu-cta>a {}.navbar-default .navbar-nav>li.menu-cta>a:hover {}.navbar-default .navbar-nav>.active>a {}.navbar-default .navbar-nav>.active>a:hover {}.navbar-default .navbar-nav>.active>a:focus {}#meet-the-team .nav-tabs>li>a {}footer .nav > li > a {}footer .nav>li>a:hover {}.design-process .nav>li>a {}.bg-white-75 .social>li>a {}.social li a > * {}.social>li>a:hover .fa-facebook {}.social>li>a:hover .fa-soundcloud {}.social>li>a:hover .fa-twitter {}.social>li>a:hover .fa-instagram {}.social>li>a:hover .fa-linkedin {}.social>li>a:hover .fa-google-plus {}.social>li>a:hover .fa-youtube {}.social>li>a:hover .fa-pinterest {}.nav-tabs>li>a>img {}
  • Complex Selectors By Attribute1

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    .equal > div[class*='col-'] {}
  • Duplicated Properties5

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .navbar-default .navbar-nav>li.menu-cta>a:hover, .navbar-default .navbar-toggle, .hs-button:hover {background-image: none, -moz-linear-gradient(270deg, rgba(248,173,57,1.00) 0%, rgba(247,145,30,1.00) 100%)} .navbar-default .navbar-nav>li.menu-cta>a:hover, .navbar-default .navbar-toggle, .hs-button:hover {background-image: none, -o-linear-gradient(270deg, rgba(248,173,57,1.00) 0%, rgba(247,145,30,1.00) 100%)} .navbar-default .navbar-nav>li.menu-cta>a:hover, .navbar-default .navbar-toggle, .hs-button:hover {background-image: none, linear-gradient(180deg, rgba(248,173,57,1.00) 0%, rgba(247,145,30,1.00) 100%)} #header-search-input .search-query, #nr-search-input .search-query {padding-right: 4px \9} #header-search-input .search-query, #nr-search-input .search-query {padding-left: 4px \9} 
  • Duplicated Selectors9
    .jumbotron-landing {} /* (2 times) */section {} /* (2 times) */.carousel-fade .carousel-inner .item {} /* (2 times) */.carousel-fade .carousel-inner .item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {} /* (2 times) */.carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {} /* (2 times) */.carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {} /* (2 times) */.carousel-fade .carousel-control {} /* (2 times) */.bg-white {} /* (2 times) */.btn-white:active {} /* (2 times) */
  • Importants34

    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

    .cta_button {font-family: "Montserrat", sans-serif !important} .navbar-default .navbar-nav>li.menu-cta>a, .cta_button, .hs-button {font-family: "Montserrat", sans-serif !important} .navbar-default .navbar-nav>li.menu-cta>a, .cta_button, .hs-button {background-color: #f7911e !important} .navbar-default .navbar-nav>li.menu-cta>a, .cta_button, .hs-button {background-image: none !important} .navbar-default .navbar-nav>li.menu-cta>a, .cta_button, .hs-button {color: #fff !important} .hs-button {text-shadow: none !important} .hs-button {box-shadow: none !important} .hs-button {font-size: 1em !important} .hs-button {line-height: 2 !important} .hs-button {padding: 5px !important} .hs-button {border: 1px solid #f38509 !important} .hs-button {font-weight: 400 !important} #hbspt-form-1449654518498 .input {border-radius: 0 !important} #hbspt-form-1449654518498 .input {line-height: 30px !important} #hbspt-form-1449654518498 label {visibility: hidden !important} #hbspt-form-1449654518498 {margin: 0 !important} #hbspt-form-1449654518498 {padding: 0 !important} #hbspt-form-1449654518498 .hs-form .actions {margin-top: 0 !important} #hbspt-form-1449654518498 .hs-form .actions {margin-bottom: 0 !important} #hbspt-form-1449654518498 .hs-form .actions {padding: 0 !important} .jumbotron-landing {padding-bottom: 0 !important} #cta-container {width: 50em !important} #cta-container {margin-left: auto !important} #cta-container {margin-right: auto !important} #cta-container {background: rgba(255,255,255,0.75) !important} #cta-container {border-radius: 1em !important} #cta-container {padding: 2em !important} #cta-container {text-align: center !important} #cta-container p {font-family: "Hind", sans-serif !important} #cta-container p {color: 404040 !important} #latest-blog img, .hs-featured-image-wrapper {float: left !important} .inverted-landing-card .hs-form label {font-size: 1.2em !important} .inverted-landing-card .hs-form label {font-weight: 400 !important} .inverted-landing-card .hs-form label {margin-left: 20px !important} 
  • Multi Classes Selectors21

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .alignleft.wp-caption {}.alignnone.wp-caption {}.alignright.wp-caption {}.format-audio.sticky {}.format-chat.sticky {}.format-gallery.sticky {}.format-image.sticky {}.format-standard.sticky {}.active.left {}.active.right {}.left.next {}.prev.right {}.active.left {}.active.right {}.active.left {}.active.right {}.left.next {}.prev.right {}.active.left {}.active.right {}.btn-white.focus {}
  • Old Property Prefixes6

    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

    #header-search-input .search-query, #nr-search-input .search-query { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #header-search-input .search-query, #nr-search-input .search-query { -moz-border-radius: 3px } // was required by Firefox 3.6 and earlier #header-search-input button, #nr-search-input button { -webkit-border-radius: 3px } // was required by Android Browser 2.1, Chrome 4, iOS Safari 3.2, Safari 4 and earlier #header-search-input button, #nr-search-input button { -moz-border-radius: 3px } // was required by Firefox 3.6 and earlier .landing-card { -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3) } // was required by Firefox 3.6 and earlier .landing-card { -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3) } // was required by Android Browser 3, Chrome 9, iOS Safari 4.2, Safari 5 and earlier 
  • Qualified Selectors9

    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

    div.aligncenter {}a img.alignright {}a img.alignleft {}a img.alignnone {}a img.alignleft {}a img.aligncenter {}.wp-caption p.wp-caption-text {}.navbar-default .navbar-nav>li.menu-cta>a {}.navbar-default .navbar-nav>li.menu-cta>a:hover {}
  • Universal Selectors1

    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

    .social li a > * {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Redundant Child Nodes Selectors0
Colors38
Comments5
Comments Length406
Empty Rules0
Expressions0
Old IE Fixes0
Imports0
Media Queries4
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0.08
Specificity Id Total22
Specificity Class Avg1.48
Specificity Class Total393
Specificity Tag Avg0.52
Specificity Tag Total137
Selectors265
Selector Length Avg1.830188679245283
Selectors By Attribute1
Selectors By Class337
Selectors By Id22
Selectors By Pseudo35
Selectors By Tag134
Length19683
Rules200
Declarations492