文档中心 >Google PageSpeed

避免CSS表达式

概览

表达式产生大量的不必要的CSS评估。

说明

CSS表达式(IE中从第5版开始支持)是一个强大的,但危险的方式来动态设置CSS属性。

这些表达式经常进行评估:当呈现页面和调整大小,当页面滚动,甚至当用户在网页上移动鼠标的时候。

这些频繁的评估降低用户体验。

建议

减少你的CSS表达式求值次数的方法之一是使用一次性的表达式,在表达式第一次评估的地方以明确的数值设置样式属性,用它取代CSS表达式。

如果样式属性必须动态地在整个页面设置,使用事件处理程序,而不是CSS表达式,是一种可供选择的方法。

如果必须使用CSS表达式,请记住,他们可能会被评估数千次,并可能影响到你的页面的性能。

相关Google建议