Optimize CSS for http://ignaciobogo.com/wp-content/themes/pictorico-child/style.css

Improve your CSS performance by reducing complexity

Validate CSS for parsing errors and warnings

Check and Cleanup CSS Offenders

  • Complex Selectors27

    Selectors with uneccessary depth and traversal

    Consider simplifying for speed and readability

    .blog .site-content .article-container:nth-child(odd) .entry-thumbnail {}.archive .site-content .article-container:nth-child(odd) .entry-thumbnail {}.search .site-content .article-container:nth-child(odd) .entry-thumbnail {}.page .site-content .article-container:nth-child(odd) .entry-thumbnail {}.blog .site-content .article-container:nth-child(even) .entry-thumbnail {}.archive .site-content .article-container:nth-child(even) .entry-thumbnail {}.search .site-content .article-container:nth-child(even) .entry-thumbnail {}.page .site-content .article-container:nth-child(even) .entry-thumbnail {}.blog .site-content .hentry.no-thumbnail .entry-header {}.archive .site-content .hentry.no-thumbnail .entry-header {}.search .site-content .hentry.no-thumbnail .entry-header {}.blog .site-content .entry-header > a {}.archive .site-content .entry-header > a {}.search .site-content .entry-header > a {}.page .site-content .entry-header > a {}.blog .site-content .hentry.no-thumbnail .entry-header > a {}.archive .site-content .hentry.no-thumbnail .entry-header > a {}.search .site-content .hentry.no-thumbnail .entry-header > a {}.blog .site-content .hentry.no-thumbnail .entry-header:hover {}.archive .site-content .hentry.no-thumbnail .entry-header:hover {}.search .site-content .hentry.no-thumbnail .entry-header:hover {}.mobile-menu li ul li {}.mobile-menu li .filters-button-group li:last-child {}.single-post .site-content .header-col:first-child p:first-child {}.single-post .site-content .header-col:first-child p:first-child {}.single-post .site-content .header-col:not(:first-child) img {}.single-post .site-content .header-col:not(:first-child) img {}
  • Duplicated Selectors1
  • Importants2

    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

    .blog .site-content .entry-header, .archive .site-content .entry-header, .search .site-content .entry-header, .page .site-content .entry-header, .blog .site-content .hentry.no-thumbnail .entry-header, .archive .site-content .hentry.no-thumbnail .entry-header, .search .site-content .hentry.no-thumbnail .entry-header {transition: opacity 300ms ease-in-out !important} .blog .site-content .entry-header, .archive .site-content .entry-header, .search .site-content .entry-header, .page .site-content .entry-header, .blog .site-content .hentry.no-thumbnail .entry-header, .archive .site-content .hentry.no-thumbnail .entry-header, .search .site-content .hentry.no-thumbnail .entry-header {-webkit-transition: opacity 300ms ease-in-out !important} 
  • Imports1
    url(../pictorico/style.css) 
  • Multi Classes Selectors22

    Selectors with multiple classes

    Unnecessary specificity, consider reducing to single class or id instead

    .hentry.no-thumbnail {}.hentry.no-thumbnail {}.hentry.no-thumbnail {}.hentry.no-thumbnail {}.hentry.no-thumbnail {}.hentry.no-thumbnail {}.hentry.no-thumbnail {}.hentry.no-thumbnail {}.hentry.no-thumbnail {}.active.menu-mobile {}.header-col.protected {}.header-col.protected {}.double.header-col {}.double.header-col {}.double.header-col {}.double.header-col {}.double.header-col {}.header-col.protected {}.header-col.protected {}.header-col.protected {}.header-col.protected {}.header-col.protected {}
  • Old Property Prefixes2

    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

    .post-links a img { -moz-transform: translate(-50%, -50%) } // was required by Firefox 15 and earlier .post-links a img { -ms-transform: translate(-50%, -50%) } // was required by IE 9 and earlier 
  • Qualified Selectors4

    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

    .mobile-menu li.active > a {}.mobile-menu li.active ul {}.filters-button-group a.is-checked {}.post-links a.disabled {}
  • Redundant Child Nodes Selectors1

    Deteced redundancies for child node selectors

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

    .mobile-menu li ul li {}
  • 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

    * {}

CSS Stats

CSS Metrics

Base64 Length0
Redundant Body Selectors0
Colors11
Comments1
Comments Length485
Complex Selectors By Attribute0
Duplicated Properties0
Empty Rules0
Expressions0
Old IE Fixes0
Media Queries41
Not Minified1
Parsing Errors0
Property Resets0
Specificity Id Avg0
Specificity Id Total0
Specificity Class Avg2.5
Specificity Class Total407
Specificity Tag Avg0.42
Specificity Tag Total68
Selectors163
Selector Length Avg2.4478527607361964
Selectors By Attribute4
Selectors By Class336
Selectors By Id0
Selectors By Pseudo47
Selectors By Tag66
Length15301
Rules109
Declarations229