Optimize CSS for http://www.suarapipa.com/css/main.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors9

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .navbar-default .navbar-nav > li > a {}.navbar-default .navbar-nav > .open > a {}.navbar-default .navbar-nav > .open > a:focus {}.navbar-default .navbar-nav > .open > a:hover {}.navbar-default .navbar-nav > li > a {}.carousel-inner2>.item>a>img {}.borderless tr td input {}.fraud tr td input {}.fraud2 tr td input {}
  • Duplicated Properties5

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    .section-title, .entry-title {font-size: 1.5rem} .entry-header .entry-meta {font-size: 1.125rem} .entry-content h2 {font-size: 1.875rem} .carousel-control {color: #428BCA} .on {padding: 10px} 
  • Duplicated Selectors2
    .navbar {} /* (2 times) */.carousel-control.left, .carousel-control.right {} /* (2 times) */
  • Empty Rules1

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    .modal-dialog {}
  • Importants7

    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

    .gal > .carousel-control.left, .carousel-control.right {background-image: none !important} .carousel-control.left, .carousel-control.right {background-image: none !important} .modal-dialog .modal-ku {width: 800 !important} .borderless tr td {border: none !important} .borderless tr td {vertical-align: middle !important} .fraud tr td {border: none !important} .fraud tr td {vertical-align: middle !important} 
  • Multi Classes Selectors30

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.nav-justified.nav-tabs {}.carousel-control.left {}.carousel-control.right {}.carousel-control.left {}.carousel-control.right {}.carousel-control.right {}.carousel-control.left {}.list-group-item.pilihan {}.garisdotted.list-group-item {}.list-group-item.pilihan {}.list-group-item.pilihan {}.list-group-item.pilihan {}.list-group-item.pilihan {}.garisbawah.list-group-item {}.carousel-control.left {}.carousel-control.right {}.active.item.right {}.item.next {}.active.item.left {}.item.prev {}.active.item {}.item.left.next {}.item.prev.right {}.left.next {}.prev.right {}.active.left {}.active.right {}
  • Old Property Prefixes5

    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

    .navbar-default .navbar-nav > li > a, .dropdown-menu > li > a, .fa, .btn, .title, .nav > li > a, .breadcrumb>li>a, .fb, .twit, .goog, .rss, .linked, .yout, .slide, .sitemap>li>a, .masuk, .daftar, .visitor:hover, .visitor, .album, .newgal:hover { -moz-transition: all 0.5s ease-in-out } // was required by Firefox 15 and earlier .navbar-default .navbar-nav > li > a, .dropdown-menu > li > a, .fa, .btn, .title, .nav > li > a, .breadcrumb>li>a, .fb, .twit, .goog, .rss, .linked, .yout, .slide, .sitemap>li>a, .masuk, .daftar, .visitor:hover, .visitor, .album, .newgal:hover { -o-transition: all 0.5s ease-in-out } // prefix is no longer supported .navbar-default .navbar-nav > li > a, .dropdown-menu > li > a, .fa, .btn, .title, .nav > li > a, .breadcrumb>li>a, .fb, .twit, .goog, .rss, .linked, .yout, .slide, .sitemap>li>a, .masuk, .daftar, .visitor:hover, .visitor, .album, .newgal:hover { -ms-transition: all 0.5s ease-in-out } // prefix is no longer supported .carousel-inner2>.item { -o-transition: .6s ease-in-out left } // prefix is no longer supported .carousel-inner2>.item { -o-transition: -o-transform .6s ease-in-out } // prefix is no longer supported 
  • Qualified Selectors14

    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.list-group-item.pilihan {}a.list-group-item.garisdotted {}a.list-group-item.pilihan:focus {}a.list-group-item.pilihan:hover {}button.list-group-item.pilihan:focus {}button.list-group-item.pilihan:hover {}a.list-group-item.garisbawah {}div.pagination a {}div.pagination a:hover {}div.pagination a:active {}div.pagination span.current {}div.pagination span.current {}div.pagination span.disabled {}div.pagination span.disabled {}
  • Redundant Child Nodes Selectors5

    Deteced redundancies for child node selectors

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

    .borderless tr td {}.borderless tr td input {}.fraud tr td {}.fraud tr td input {}.fraud2 tr td input {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Comments Length589
Complex Selectors By Attribute0
Old IE Fixes0
Media Queries2
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0
Specificity Id Total1
Specificity Class Avg1.54
Specificity Class Total328
Specificity Tag Avg0.43
Specificity Tag Total92
Selector Length Avg1.5586854460093897
Selectors By Attribute0
Selectors By Class261
Selectors By Id1
Selectors By Pseudo41
Selectors By Tag84
Universal Selectors0