performance - 预测在高负载项目上安装 LESS、CSS3PIE 的后果

Question

我面临着全局站点重新设计的情况(不是外观，而是代码架构和底层技术)。网站有关于 135 000 名访客 每天。现在做出正确的决定至关重要。

我没有使用 的经验减 和 CSS3PIE 之前在这么大的项目上。也许你们中的一些人可以预测我使用上述技术可能会遇到的一些麻烦。我想知道优点和缺点。

对于带有阴影和渐变的圆角按钮，使用旧的测试和可靠的方法(例如 Sprite )不是更好吗？我看http://zappos.com .它们只是在 IE 中优雅地降级并且不使用 CSS3PIE。

Answer 1

我会避免将 CSS3Pie 用于生产站点。根据我的经验，页面上 CSS3Pie 渲染元素的数量越多，IE8/9 的性能就越差。

具体来说，当我在 IE8 文档模式下使用 IE9，并且至少有 2 个元素使用 CSS3Pie(使用边框半径和线性渐变)呈现时，我在滚动浏览器窗口时观察到明显的延迟。也就是说，我会尝试向下滚动页面，滚动条需要几秒钟才能“ catch ”鼠标指针。

一旦我关闭 CSS3Pie，就观察到滚动时没有延迟。根据我的经验，这同样适用于 IE8。