Optimize CSS for http://www.vzhurudolu.cz/assets/css/vrdl.min.css?1454155337

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors12

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .article .logo .tagline a {}.logo .article .tagline a {}.article .logo .tagline a:active {}.article .logo .tagline a:focus {}.article .logo .tagline a:hover {}.logo .article .tagline a:active {}.logo .article .tagline a:focus {}.logo .article .tagline a:hover {}.flexbox .vd-form-controls label input[type=checkbox] {}.flexbox .vd-form-controls label input[type=radio] {}.flexboxtweener .vd-form-controls label input[type=checkbox] {}.flexboxtweener .vd-form-controls label input[type=radio] {}
  • Complex Selectors By Attribute8

    Selectors whose attribute value contains a specified value

    Attribute selectors have a slower lookup time

    [class*=block-grid-]:after {}[id^=cp_embed] {}[class*=block-grid-] {}[class*=block-grid-]:after {}[class*=block-grid-] {}[class*=block-grid-]>li {}.courses-list-inhouse-item [class^=image-] {}.ebook-licences-references [class^=image-] {}
  • Duplicated Properties60

    Duplicate properties detected for your selector

    Remove or combine duplicate properties to clean up your css

    legend {font-size: 1.75rem} .h1, h1 {font-size: 2.5rem} .h2, h2 {font-size: 1.75rem} .h3, h3 {font-size: 1.1rem} .h4, h4 {font-size: 1rem} blockquote {border-left: .2rem solid #dfdfd3} code, kbd {letter-spacing: -.01rem} .content {max-width: 34rem} .vd-avatar {width: 8rem} .vd-avatar {height: 8rem} .vd-avatar--sm {width: 4rem} .vd-avatar--sm {height: 4rem} .vd-avatar--xs {width: 2.5rem} .vd-avatar--xs {height: 2.5rem} .ad {right: .5rem} .ad {top: 20rem} .page-head .article-date {color: rgba(255,255,255,.5)} .page-head .article-date a {color: rgba(255,255,255,.5)} .page-head .article-date a {border-color: rgba(255,255,255,.5)} .vd-buybar__image img {max-height: 6rem} .vd-buybar__button, .vd-buybar__text {font-size: .75rem} .comments {max-width: 34rem} .courses-list-trainer {font-size: 1.4} .courses-list-inhouse-item-text {font-size: .8rem} .courses-list-newsletter h2 {font-size: 1.1rem} .be-in-touch {max-width: 34rem} .foot {max-width: 34rem} .vd-form-row {max-width: 34rem} .vd-form-controls .size-xl {max-width: 15rem} .vd-form-controls .size-l {max-width: 10rem} .vd-form-controls .size-m {max-width: 5rem} .vd-form-controls .size-s {max-width: 3.5rem} .vd-form-controls .size-xs {max-width: 2.5rem} .vd-form-required {font-size: 2rem} .vd-form-required {line-height: 1rem} .vd-in-ad {font-size: .66rem} .logo a {font-size: 2.5rem} .newsletter form {line-height: 2rem} .newsletter form {height: 2rem} .newsletter .email-input {width: 20rem} .media-object__perex {font-size: .8rem} .page-head {background: radial-gradient(ellipse at bottom center,#2b490a,#002c3a 60%)} .page-head__content {max-width: 34rem} .page-head__perex {font-size: .8rem} .share h2 {font-size: 1.5rem} .social-likes__icon {font-size: 1.5rem} .social-likes__icon {width: 1.75rem} .social-likes__icon {height: 1.5rem} .vd-steps__step {border-bottom: .5rem #d5d4c4 solid} .socialicon {width: 1.6rem} .socialicon {height: 1.6rem} .ebook-toc {font-size: .65rem} .ebook-order-conditions-payments img {height: 1rem} .vd-jobs__content h1, .vd-jobs__content h2, .vd-jobs__content h3, .vd-jobs__content h4, .vd-jobs__content h5, .vd-jobs__content h6 {font-size: 1.1rem} .vd-jobs__first-step-help {max-width: 16rem} .vd-jobs__third-step-message h2, .vd-jobs__third-step-message p {max-width: 25rem} .checklist__infobox {max-width: 34rem} .vd-lector__head .vd-lector__head-name {word-spacing: 50rem} .vd-lector__head-image img {max-height: 8rem} .font-size-1rem {font-size: 1rem} 
  • Duplicated Selectors4
    html {} /* (2 times) */body {} /* (2 times) */input[type=checkbox], input[type=radio] {} /* (2 times) */.lazyframe[data-vendor=youtube] {} /* (2 times) */
  • 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

    .lt-ie9 img {max-width: 600px!important} .lt-ie9 img {height: auto!important} .ad {display: none!important} .ad {display: none!important} .button, button, input[type=submit] {display: none!important} .page-head__content a {color: #000!important} .page-head__perex a {color: #000!important} .margin-bottom-0 {margin-bottom: 0!important} .border-bottom-0 {border-bottom: 0!important} .border-top-0 {border-top: 0!important} .pull-left {float: left!important} .pull-right {float: right!important} .hidden-print {display: none!important} 
  • Multi Classes Selectors26

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .articles.without-perex {}.list--block-hover.list--spaced {}.list--block-hover.list--spaced {}.articles.without-perex {}.articles.without-perex {}.articles.without-perex {}.active.button {}.button.button--primary {}.button.button--primary {}.button.button--primary {}.button.button--primary {}.button.button--stronger {}.button.button--full {}.button.button--wide {}.button.button--wide {}.button.button--wide {}.card--third.card--tight {}.card--quarter.card--tight {}.card--quarter.card--tight {}.comments.is-opened {}.active.socialicon {}.button.socialicon {}.button.socialicon {}.button.socialicon {}.section.vd-bg-color-dark {}.section.vd-bg-color-medium {}
  • Old IE Fixes2

    Rules specific to IE greater than or equal to IE 6 or IE 7

    Lower browser usage for previous versions of IE prevents these rules from being very useful

    .lazyframe[data-vendor=vine] .lazyframe__title:after {filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#b3171717", endColorstr="#00171717", GradientType=0 )} .unveil {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"} 
  • 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

    .ad:active, .ad:focus, .ad:hover { -ms-transform: scale(1.1) } // was required by IE 9 and earlier .vd-ad-snippet:after { -ms-transform: rotate(180deg) } // was required by IE 9 and earlier .vd-course-icon__image { -ms-transform: scale(.5) } // was required by IE 9 and earlier .vd-course-icon:active .vd-course-icon__image, .vd-course-icon:focus .vd-course-icon__image, .vd-course-icon:hover .vd-course-icon__image { -ms-transform: scale(.55) } // was required by IE 9 and earlier .inflatable:active img, .inflatable:focus img, .inflatable:hover img { -ms-transform: scale(1.15) } // was required by IE 9 and earlier .unveil { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)" } // prefix is no longer supported 
  • Qualified Selectors70

    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

    input[type=email].active {}input[type=number].active {}input[type=search].active {}input[type=tel].active {}input[type=text].active {}input[type=url].active {}select.active {}textarea.active {}.article input[type=email].button:active {}.article input[type=email].button:focus {}.article input[type=email].button:hover {}.article input[type=number].button:active {}.article input[type=number].button:focus {}.article input[type=number].button:hover {}.article input[type=search].button:active {}.article input[type=search].button:focus {}.article input[type=search].button:hover {}.article input[type=tel].button:active {}.article input[type=tel].button:focus {}.article input[type=tel].button:hover {}.article input[type=text].button:active {}.article input[type=text].button:focus {}.article input[type=text].button:hover {}.article input[type=url].button:active {}.article input[type=url].button:focus {}.article input[type=url].button:hover {}.article select.button:active {}.article select.button:focus {}.article select.button:hover {}.article textarea.button:active {}.article textarea.button:focus {}.article textarea.button:hover {}button.active {}input[type=submit].active {}.article button.button:active {}.article button.button:focus {}.article button.button:hover {}.article input[type=submit].button:active {}.article input[type=submit].button:focus {}.article input[type=submit].button:hover {}button.button--primary {}input[type=submit].button--primary {}button.button--primary:focus {}button.button--primary:hover {}input[type=submit].button--primary:focus {}input[type=submit].button--primary:hover {}button.button--primary:active {}input[type=submit].button--primary:active {}button.button--stronger {}input[type=submit].button--stronger {}a.button--inverted:active {}a.button--inverted:focus {}a.button--inverted:hover {}button.button--full {}input[type=submit].button--full {}button.button--wide {}input[type=submit].button--wide {}button.button--wide {}input[type=submit].button--wide {}button.button--wide {}input[type=submit].button--wide {}a.vd-nav__item:active {}a.vd-nav__item:focus {}a.vd-nav__item:hover {}strong.vd-nav__item {}strong.vd-nav__item:active {}strong.vd-nav__item:focus {}strong.vd-nav__item:hover {}.article a.vd-nav__item {}.vd-nav--site strong.vd-nav__item {}
  • Redundant Body Selectors3
    .fonts-cached body .fonts-loaded body .fonts-unavailable body 
  • Redundant Child Nodes Selectors1

    Deteced redundancies for child node selectors

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

    table th {}
  • Universal Selectors16

    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

    [class*=block-grid-]:after {}[hidden] {}[id^=cp_embed] {}[class*=block-grid-] {}[class*=block-grid-]:after {}[class*=block-grid-] {}[class*=block-grid-]>li {}.courses-list-inhouse-item [class^=image-] {}.ebook-licences-references [class^=image-] {}.vd-jobs__ad>* {}.vd-jobs__ad>* {}.vd-lector__head .page-head__content>* {}[role=main] .vd-bg-color-dark.section:first-child {}[role=main] .vd-bg-color-medium.section:first-child {}* {}.container * {}

CSS Stats

CSS Metrics

Base64 Length2380
Colors52
Comments1
Comments Length56
Empty Rules0
Expressions0
Imports0
Media Queries113
Not Minified0
Parsing Errors0
Property Resets0
Specificity Id Avg0
Specificity Id Total1
Specificity Class Avg1.45
Specificity Class Total2308
Specificity Tag Avg0.73
Specificity Tag Total1162
Selectors1595
Selector Length Avg1.6338557993730407
Selectors By Attribute196
Selectors By Class1617
Selectors By Id1
Selectors By Pseudo556
Selectors By Tag1042
Length84120
Rules848
Declarations1960