YSlow: Avoid CSS expressions More Recommendations

Rule Summary

CSS
Low
Easy
95%

Overview

Expressions can produce thousands of unnecessary CSS evaluations.

How does your site score on this rule?

Details from Yahoo!

CSS expressions (supported in IE beginning with Version 5) are a powerful but dangerous way to dynamically set CSS properties.

These expressions are evaluated frequently: when the page is rendered and resized, when the page is scrolled, and even when the user moves the mouse over the page.

These frequent evaluations degrade the user experience.

recommends:

One way to reduce the number of times your CSS expression is evaluated is to use one-time expressions, where the first time the expression is evaluated it sets the style property to an explicit value, which replaces the CSS expression.

If the style property must be set dynamically throughout the life of the page, using event handlers instead of CSS expressions is an alternative approach.

If you must use CSS expressions, remember that they may be evaluated thousands of times and could affect the performance of your page.

Read More

Related PageSpeed Recommendations

Contribute to this recommendation

Have an opinion, link, or other contribution to share regarding this recommendation? Share it with us and help make the web a faster place!