我正在尝试优化我的网站以提高速度。我以前使用圆角的图像，但现在我已经用border-radius和-moz-border-radius css规则改变了它们。哪种方式最适合速度？我曾经认为 css 规则更快，但我看到很多网站都在谈论 css sprites，我现在有点困惑。哦，我不关心 IE 兼容性，所以你可以建议任何你想要的方法。
问问题
1331 次
4 回答
4
速度是这样的：CSS > sprites > 单独的图像。精灵是当您使用单个图像并使用 CSS 对其进行切片/定位时，而不是为角落使用单独的图像。它更胖，因为那时您只下载一张图像。CSS 是最快的，因为它不需要下载任何东西。
于 2010-08-25T15:23:57.733 回答
1
对于那些支持radiusCSS 属性的浏览器，请使用它们。它们肯定更快，因为不需要加载图像并且它们可以由浏览器的本机引擎呈现。
对于那些不支持的（旧）浏览器，请应用基于图像的解决方法。
不过，不要太担心这些东西。通过该领域的优化可实现的速度提升非常非常微不足道。
于 2010-08-25T15:23:23.447 回答
0
两者完全相同，只是因为 CSS3 规范尚未最终确定，Mozillaborder-radius使用-moz-供应商前缀实现。您将需要它以及-webkit-圆角版本以在 Webkit（Chrome、Safari）和 Mozilla（Firefox）浏览器上运行。
至于速度..不清楚您是在谈论传输速度还是渲染速度。在任何一种情况下，我都建议差异可以忽略不计，您应该使用所有这三个以获得最大的浏览器支持（当然要减去 IE）
于 2010-08-25T15:22:30.597 回答
0
我会推荐 CSS Sprites。这是一个很好的教程：http ://bavotasan.com/tutorials/simple-rounded-corners-with-a-css-sprite/
于 2010-08-25T15:23:19.033 回答