Google page speed
-
-
- Rakesh
- Sr. Rocketeer
- Posts: 166
- Thanks: 0
-
I just ran Google's new Page Speed add on for firebug and it reported the following for my site. Not being an expert in css, what does it mean and how can the template be improved?
template_css.css has 100 very inefficient and 56 inefficient rules of 254 total rules.
Very inefficient rules (good to fix on any page):
* body#ff-default #showcase h1 Tag key with 2 descendant selectors and ID overly qualified with tag
* body#ff-default .mininews .lead-articles h4 Tag key with 3 descendant selectors and ID overly qualified with tag
* .wrapper #showcase a:hover Tag key with 2 descendant selectors and hover pseudo selector
* #showcase ul.latestnews li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #main-section ul.latestnews li a Tag key with 3 descendant selectors and Class overly qualified with tag
* .wrapper #showcase ul.latestnews li a:hover Tag key with 4 descendant selectors and hover pseudo selector and Class overly qualified with tag
* table.blog td td Tag key with 2 descendant selectors and Class overly qualified with tag
* #mainmodules .module div div div Tag key with 4 descendant selectors
* #main-section .module-title div div div Tag key with 4 descendant selectors
* #main-section .module-notitle div div div Tag key with 4 descendant selectors
* #left-column .module div div div Tag key with 4 descendant selectors
* #right-column .module div div div Tag key with 4 descendant selectors
* #left-column .module-menu div div div Tag key with 4 descendant selectors
* #right-column .module-menu div div div Tag key with 4 descendant selectors
* #left-column .module div div div div Tag key with 5 descendant selectors
* #left-column .module-title div div div div Tag key with 5 descendant selectors
* #left-column .module-notitle div div div div Tag key with 5 descendant selectors
* #right-column .module div div div div Tag key with 5 descendant selectors
* #right-column .module-title div div div div Tag key with 5 descendant selectors
* #right-column .module-notitle div div div div Tag key with 5 descendant selectors
* #bottommodules1 .module div div div div Tag key with 5 descendant selectors
* #bottommodules1 .module-title div div div div Tag key with 5 descendant selectors
* #bottommodules1 .module-notitle div div div div Tag key with 5 descendant selectors
* #bottommodules2 .module div div div div Tag key with 5 descendant selectors
* #mainmodules .module div div div div Tag key with 5 descendant selectors
* #left-column .module-menu div div div div Tag key with 5 descendant selectors
* #right-column .module-menu div div div div Tag key with 5 descendant selectors
* #bottommodules1 .module div div div Tag key with 4 descendant selectors
* #horiz-menu li.active a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.active a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.blue.sfHover a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.blue:hover a Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.blue.sfHover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.blue:hover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.red.sfHover a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.red:hover a Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.red.sfHover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.red:hover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.purple.sfHover a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.purple:hover a Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.purple.sfHover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.purple:hover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.green.sfHover a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.green:hover a Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.green.sfHover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.green:hover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.orange.sfHover a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.orange:hover a Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.orange.sfHover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.orange:hover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.brown.sfHover a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.brown:hover a Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.brown.sfHover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.brown:hover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.grey.sfHover a Tag key with 2 descendant selectors and Class overly qualified with tag
* #horiz-menu li.grey:hover a Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.grey.sfHover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.grey:hover li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.blue.sfHover li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.blue:hover li a Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.red.sfHover li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.red:hover li a Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.purple.sfHover li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.purple:hover li a Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.orange.sfHover li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.orange:hover li a Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.green.sfHover li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.green:hover li a Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.brown.sfHover li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.brown:hover li a Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.grey.sfHover li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.grey:hover li a Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li.active li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.active.parent li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu ul ul li a Tag key with 4 descendant selectors
* #horiz-menu ul li.active.parent ul a Tag key with 4 descendant selectors and Class overly qualified with tag
* #horiz-menu li.active li a Tag key with 3 descendant selectors and Class overly qualified with tag
* #horiz-menu li.active li a:hover Tag key with 3 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #horiz-menu li li a:hover Tag key with 3 descendant selectors and hover pseudo selector
* #horiz-menu ul li.active.parent ul a Tag key with 4 descendant selectors and Class overly qualified with tag
* #sub-menu li.active a Tag key with 2 descendant selectors and Class overly qualified with tag
* .main-page #sub-menu a:hover Tag key with 2 descendant selectors and hover pseudo selector
* .main-page #sub-menu li.active a Tag key with 3 descendant selectors and Class overly qualified with tag
* ul.menu li.active a Tag key with 2 descendant selectors and Class overly qualified with tag and Class overly qualified with tag
* ul.menu li.active a Tag key with 2 descendant selectors and Class overly qualified with tag and Class overly qualified with tag
* ul.menu li.active li.active a Tag key with 3 descendant selectors and Class overly qualified with tag and Class overly qualified with tag and Class overly qualified with tag
* ul.menu li.active li a Tag key with 3 descendant selectors and Class overly qualified with tag and Class overly qualified with tag
* ul.menu a:hover Tag key with descendant selector and hover pseudo selector and Class overly qualified with tag
* ul.menu ul li a Tag key with 3 descendant selectors and Class overly qualified with tag
* ul.menu ul a Tag key with 2 descendant selectors and Class overly qualified with tag
* ul.menu ul ul Tag key with 2 descendant selectors and Class overly qualified with tag
* ul.menu li li Tag key with 2 descendant selectors and Class overly qualified with tag
* ul.menu ul a Tag key with 2 descendant selectors and Class overly qualified with tag
* ul.menu li.active a Tag key with 2 descendant selectors and Class overly qualified with tag and Class overly qualified with tag
* ul.menu li.active a:hover Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag and Class overly qualified with tag
* ul.menu li a:hover Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* ul.menu li.active ul Tag key with 2 descendant selectors and Class overly qualified with tag and Class overly qualified with tag
* #right-column ul.menu a span Tag key with 3 descendant selectors and Class overly qualified with tag
* #left-column ul.menu a:hover Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
* #right-column ul.menu a:hover Tag key with 2 descendant selectors and hover pseudo selector and Class overly qualified with tag
Inefficient rules (good to fix on interactive pages):
* body#ff-default td Tag key with descendant selector and ID overly qualified with tag
* tr.sectiontableentry1 td Tag key with descendant selector and Class overly qualified with tag
* tr.sectiontableentry2 td Tag key with descendant selector and Class overly qualified with tag
* tr.sectiontableentry2 td Tag key with descendant selector and Class overly qualified with tag
* tr.sectiontableentry1 td Tag key with descendant selector and Class overly qualified with tag
* .logo-module .moduletable h3 Tag key with 2 descendant selectors
* #main-section a:hover Tag key with descendant selector and hover pseudo selector
* #showcase .column-2 .moduletable h3 Tag key with 3 descendant selectors
* #showcase .column-1 .moduletable h3 Tag key with 3 descendant selectors
* #bottom .module a Tag key with 2 descendant selectors
* .footer-mod .moduletable h3 Tag key with 2 descendant selectors
* #searchmod .moduletable h3 Tag key with 2 descendant selectors
* #mainmodules .module h3 Tag key with 2 descendant selectors
* #mainmodules .module div Tag key with 2 descendant selectors
* #mainmodules .module div div Tag key with 3 descendant selectors
* #main-section .module-title h3 Tag key with 2 descendant selectors
* #main-section .module-title div Tag key with 2 descendant selectors
* #main-section .module-title div div Tag key with 3 descendant selectors
* #main-section .module-notitle h3 Tag key with 2 descendant selectors
* #main-section .module-notitle div Tag key with 2 descendant selectors
* #main-section .module-notitle div div Tag key with 3 descendant selectors
* #left-column .module div Tag key with 2 descendant selectors
* #right-column .module div Tag key with 2 descendant selectors
* #left-column .module-menu div Tag key with 2 descendant selectors
* #right-column .module-menu div Tag key with 2 descendant selectors
* #left-column .module div div Tag key with 3 descendant selectors
* #right-column .module div div Tag key with 3 descendant selectors
* #left-column .module-menu div div Tag key with 3 descendant selectors
* #right-column .module-menu div div Tag key with 3 descendant selectors
* #left-column .module h3 Tag key with 2 descendant selectors
* #right-column .module h3 Tag key with 2 descendant selectors
* #left-column .module-menu h3 Tag key with 2 descendant selectors
* #right-column .module-menu h3 Tag key with 2 descendant selectors
* #bottommodules1 .module div Tag key with 2 descendant selectors
* #bottommodules1 .module div div Tag key with 3 descendant selectors
* #bottommodules1 .module h3 Tag key with 2 descendant selectors
* #bottommodules2 .module h3 Tag key with 2 descendant selectors
* #bottommodules1 .module h3 Tag key with 2 descendant selectors
* #bottommodules2 .module h3 Tag key with 2 descendant selectors
* #footermodules .module h3 Tag key with 2 descendant selectors
* #horiz-menu li:hover Tag key with descendant selector and hover pseudo selector
* #horiz-menu ul ul Tag key with 2 descendant selectors
* #horiz-menu ul ul ul Tag key with 3 descendant selectors
* #horiz-menu li li a Tag key with 3 descendant selectors
* #bottom-menu #mainlevel-bottom ul Tag key with 2 descendant selectors
* #bottom-menu #mainlevel-bottom li Tag key with 2 descendant selectors
* #bottom-menu #mainlevel-bottom a Tag key with 2 descendant selectors
* ul.menu li Tag key with descendant selector and Class overly qualified with tag
* ul.menu span Tag key with descendant selector and Class overly qualified with tag
* ul.menu a Tag key with descendant selector and Class overly qualified with tag
* ul.menu ul Tag key with descendant selector and Class overly qualified with tag
* ul.menu ul Tag key with descendant selector and Class overly qualified with tag
* span.pathway img Tag key with descendant selector and Class overly qualified with tag
* span.pathway a Tag key with descendant selector and Class overly qualified with tag
* .moomenu li li a Tag key with 3 descendant selectors
* .suckerfish li li a Tag key with 3 descendant selectors
-
Time to create page: 0.057 seconds