如何提高“避免 CSS 表达式”的 YSlow 网站性能等级答案

【问题标题】：How to improve YSlow site performance grade for "Avoid CSS expressions"如何提高“避免 CSS 表达式”的 YSlow 网站性能等级
【发布时间】：2017-08-23 01:43:54
【问题描述】：

我正在 Yslow 上查看成绩。它返回我

**"Grade B on Avoid CSS expressions"**

There are a total of 2 expressions

   http://192.168.41.66/espritKM/esprit/public/CSS/fancybox/jquery.fancybox-1.3.4.css

如何改进？

【问题讨论】：

是私有IP吗？我无法访问。你能把它粘贴到pastie.org吗？
先向我们展示有问题的 css
是的，它是私有 IP。好吧，你可以在这里找到 css。 pastie.org/3414898
@Shiplu: 192.168.0.0 – 192.168.255.255是私网地址范围
感谢@yi_H。我知道范围的起点，但不知道极限。

标签： performance yslow

【解决方案1】：

Google 是你的朋友：

Avoid CSS Expressions

一种减少 CSS 表达式求值次数的方法是使用一次性表达式，其中第一次表达式是评估它将样式属性设置为显式值，该值替换 CSS 表达式。如果必须设置样式属性在页面的整个生命周期中动态地使用事件处理程序而不是 CSS 表达式是另一种方法。如果你必须使用 CSS 表达式，记住它们可能会被计算数千个次，并可能影响您网页的性能。

【讨论】：