Optimize CSS for http://counto.com/assets/css/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

    .chosen-container .chosen-results li em {}.chosen-container-active.chosen-with-drop .chosen-single div b {}.chosen-container-active .chosen-choices li.search-field input[type=text] {}.static .content--main ul li {}.static .content--main ul li {}.static .content--main .sidebar--nav li {}.static .content--main .sidebar--nav ul {}.static .content--main .sidebar--nav li {}.static .content--main .sidebar--nav li {}.listitem .listitem--title small a {}.users--listitem .listitem--title small a {}.listitem__notification .listitem--actions .listitem--block svg {}.listitem__notification .listitem--actions .listitem--block:hover svg {}.touchevents .listitem__notification .listitem--actions .listitem--block svg {}.listitem__notification .listitem--actions .listitem--unblock svg {}.listitem__notification .listitem--actions .listitem--unblock:hover svg {}.touchevents .listitem__notification .listitem--actions .listitem--unblock svg {}.detaillistitem .listitem--privacy .listitem--privacyicon__public svg {}.detaillistitem .listitem--privacy .listitem--privacyicon__private svg {}.detaillistitem .listitem--title small a {}.touchevents .mentions--mentioneditem .mention--remove svg {}.countdown--timeleftctdview .timeleftctd--wrap>div:not(:last-child) .timeleftctd--number {}.countdown--timeleftctdview .timeleftctd--wrap>div:not(:last-child) span {}
  • Duplicated Selectors8
    html {} /* (2 times) */body {} /* (2 times) */a {} /* (2 times) */h1 {} /* (2 times) */button {} /* (2 times) */.icon__icon-facebook {} /* (2 times) */.icon__icon-twitter {} /* (2 times) */.countdown--newcomment {} /* (2 times) */
  • Empty Rules1

    Deteced empty rules

    Reduce the size of your CSS file by removing empty rules

    legend {}
  • Importants13

    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

    .royalSlider .rsSlide.rsFakePreloader {opacity: 1!important} .rsTabs {background: 0 0!important} .hidden {display: none!important} .chosen-container {width: 100%!important} .chosen-container-active .chosen-choices li.search-field input[type=text] {color: #222!important} .ui-button__fb svg {fill: #fff!important} .icon__icon-facebook {fill: #3b5998!important} .icon__icon-twitter {fill: #4099ff!important} .no-csspointerevents .ps-scrollbar-y-rail, .no-touchevents .ps-scrollbar-y-rail {right: 0!important} .followunfollow svg {fill: #fff!important} .home--slider, .home--slider .rsOverflow {height: 60vh!important} .home--slider, .home--slider .rsOverflow {height: 90vh!important} .countdown--timeleftctdview.ctd-now * {color: #50d214!important} 
  • Multi Classes Selectors96

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .rsFade.rsWebkit3d {}.rsFade.rsWebkit3d {}.rsFade.rsWebkit3d {}.rsFakePreloader.rsSlide {}.royalSlider.rsAutoHeight {}.rsVideoActive.rsVideoFrameHolder {}.rsIOSVideo.rsVideoContainer {}.rsIOSVideo.rsVideoContainer {}.rsIOSVideo.rsVideoContainer {}.chosen-container.chosen-with-drop {}.chosen-container-single.chosen-container-single-nosearch {}.chosen-container-active.chosen-with-drop {}.chosen-container-active.chosen-with-drop {}.chosen-container-active.chosen-with-drop {}.is-active.ui-button {}.is-active.ui-button__primary {}.is-active.ui-button__secondary {}.is-active.ui-button__success {}.is-active.ui-button__attention {}.is-active.ui-button__attention-invert {}.is-active.ui-button__invert {}.is-active.ui-button__icon {}.is-editing.ui-editcontrols {}.is-editing.ui-editcontrols {}.is-editing.ui-editcontrols {}.is-invalid.timepicker--singleinput {}.is-invalid.timepicker--singleinput {}.countdown--info--timeleftctdview.ctd-last-minute {}.countdown--info--timeleftctdview.ctd-last-ten-seconds {}.countdown--info--timeleftctdview.ctd-last-thirty-seconds {}.countdown--info--timeleftctdview.ctd-last-thirtyone-seconds {}.countdown--info--timeleftctdview.ctd-now {}.countdown--info--timeleftctdview.ctd-past {}.ctd-last-minute.invitation--timeleftctdview {}.ctd-last-ten-seconds.invitation--timeleftctdview {}.ctd-last-thirty-seconds.invitation--timeleftctdview {}.ctd-last-thirtyone-seconds.invitation--timeleftctdview {}.ctd-now.invitation--timeleftctdview {}.ctd-past.invitation--timeleftctdview {}.countdown--info--timeleftctdview.ctd-last-minute {}.ctd-last-minute.invitation--timeleftctdview {}.countdown--info--timeleftctdview.ctd-last-thirtyone-seconds {}.ctd-last-thirtyone-seconds.invitation--timeleftctdview {}.countdown--info--timeleftctdview.ctd-last-thirty-seconds {}.ctd-last-thirty-seconds.invitation--timeleftctdview {}.countdown--info--timeleftctdview.ctd-last-ten-seconds {}.ctd-last-ten-seconds.invitation--timeleftctdview {}.countdown--info--timeleftctdview.ctd-now {}.ctd-now.invitation--timeleftctdview {}.countdown--info--timeleftctdview.ctd-past {}.ctd-past.invitation--timeleftctdview {}.faq--item.is-active {}.faq--item.is-active {}.active.ui-modal {}.herophone--loadingwrap.loading {}.herophone--loadingwrap.loaded {}.herophone--loadingwrap.loaded {}.is-open.main--wrap {}.is-open.main--wrap {}.countdown--newcomment.is-focussed {}.is-active.listarea--settings--item {}.is-open.listarea--settings--dropdown {}.is-active.profile--bgchooser {}.is-active.profile--bgchooser {}.is-selected.ptchooser--color {}.is-selected.ptchooser--pattern {}.is-editing.ui-editcontrols__userfoto {}.is-editing.ui-editcontrols__userfoto {}.is-active.password--visibility {}.countdown--pane.is-active {}.countdown--tab.is-active {}.countdown--tab.is-active {}.countdown--mentionswrap.is-active {}.countdown--fanswrap.is-active {}.countdown--shares.is-active {}.countdown--timeleftctdview.ctd-now {}.countdown--dateandtimeviews.ctd-past {}.countdown--info--timeleftctdview.ctd-past {}.countdown--dateandtimeviews.ctd-past {}.countdown--info--timeleftctdview.ctd-past {}.countdown--titleplaceholder.is-placeholder {}.countdown--titleplaceholder.is-placeholder {}.countdown--titleplaceholder.is-hidden {}.countdown--titleplaceholder.is-hidden {}.countdown--controls--define.is-defined {}.countdown--controls--define.is-defined {}.countdown--controls--define.is-defined {}.countdown--controls--define.is-defined {}.countdown__fast.is-closed {}.countdown__fast.is-closed {}.countdown__fast.is-closed {}.countdown__fast.is-closed {}.countdown__fast.is-closed {}.countdown__fast.is-closed {}.countdown__fast.is-closed {}.invitables--list.userlist {}
  • 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

    .chosen-container .chosen-results li.active-result {}.chosen-container .chosen-results li.disabled-result {}.chosen-container .chosen-results li.highlighted {}.chosen-container .chosen-results li.no-results {}.chosen-container .chosen-results li.group-result {}.chosen-container .chosen-results li.group-option {}.chosen-container-active .chosen-choices li.search-field input[type=text] {}hr.ui-doublehr {}
  • Redundant Child Nodes Selectors4

    Deteced redundancies for child node selectors

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

    .faq--content ul li {}.static .content--main ul li {}.faq--content ul li {}.static .content--main ul li {}
  • Universal Selectors28

    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

    .royalSlider>* {}[hidden] {}* {}:after {} {}::selection {}::-moz-selection {}.ui-editarea [data-field] {}.ui-editarea [contenteditable=true] {}.ui-editarea [contenteditable=true]:focus {}[data-tooltip] {}[data-tooltip]:after {}.touchevents [data-tooltip]:focus:after {}[data-tooltip]:hover:after {}[data-is-favourite="1"] {}[data-is-favourite] {}[data-is-favourite] svg {}[data-is-favourite="1"] svg {}.home--box__footerctabox>* {}.footerctabox--ctas>* {}.listarea--settings [data-tooltip]:after {}.listarea--settings [data-tooltip]:after {}.countdown--timeleftctdview.ctd-now * {}.countdown__edit .ui-editarea__countdowntitle>* {}.countdown__new .ui-editarea__countdowntitle>* {}.invite--searchform>* {}.invitation--timeleftctdwrap .timeleftctd--wrap>* {}.ks-grids .ui-row>* {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors46
Comments1
Comments Length33
Complex Selectors By Attribute0
Duplicated Properties0
Expressions0
Old IE Fixes0
Imports0
Media Queries166
Not Minified0
Parsing Errors0
Old Property Prefixes0
Property Resets0
Specificity Id Avg0.01
Specificity Id Total26
Specificity Class Avg1.39
Specificity Class Total3028
Specificity Tag Avg0.25
Specificity Tag Total545
Selectors2185
Selector Length Avg1.468649885583524
Selectors By Attribute47
Selectors By Class2715
Selectors By Id26
Selectors By Pseudo259
Selectors By Tag448
Length153362
Rules1773
Declarations4883