Performance CSS-优化圆角以提高速度

我试图优化我的网站的速度。我以前使用过圆角的图像，但现在我用border-radius和-moz-border-radius css规则对它们进行了更改。哪条路速度最好？我以前认为css规则更快，但我看到很多网站都在谈论css精灵，现在我有点困惑。哦，我不关心IE的兼容性，所以你可以建议任何你想要的方法

两者完全相同，只是因为CSS3规范尚未最终确定，Mozilla使用

-moz-

供应商前缀实现了

边界半径。您将需要它，以及圆角的
-webkit-
版本，以便在webkit（Chrome、Safari）和Mozilla（Firefox）浏览器上运行

至于速度。。现在还不清楚您是在谈论传输还是渲染速度。在任何一种情况下，我都建议差异可以忽略不计，您应该使用这三种方法来获得最大的浏览器支持（当然，减去IE）
我建议使用CSS精灵。这是一个很好的教程：
对于那些支持
radius
CSS属性的浏览器，请使用它们。它们的速度肯定更快，因为不需要加载图像，而且可以通过浏览器的本机引擎进行渲染

对于那些不支持的（较旧的）浏览器，应用基于图像的解决方法

不过，不要太担心这些东西。通过这方面的优化可以实现的速度提升非常非常微小。
速度如下：CSS>精灵>独立图像。
精灵是指使用单个图像并使用CSS对其进行切片/定位，而不是对角点使用单独的图像。这是fatser，因为那时你只下载一张图片。CSS是最快的，因为它不需要下载任何东西。
此外，对于Chrome/Safari，您需要
-webkit border radius
。+1表示不关心IE；）都是什么？使用图像和CSS？我不这么认为。@Radomir既有
边界半径
又有
-moz边界半径
。应该更具体一些…精灵比使用单独的图像要好，但是如果你可以用内置的浏览器功能做完全相同的事情，为什么还要使用图像呢？当然，如果你需要一些特殊的角落形状，而不仅仅是圆角，你必须使用图像和精灵。兼容性？我想这取决于你的目标受众。