无图像网页设计带来的性能提升

Question

随着浏览器最终开始就 CSS3 达成一致，许多 Web 开发人员都为他们新的、无图像的 Web 设计而兴奋不已。他们很干净。它们是可扩展的。他们很强大。

有了 border-radii、box-shadows、font-faces 等，现在我们可以将设计师的精美设计转化为代码行，而不是用 img 标签打包我们的页面。

两个相关问题:

• 当样式表变得如此之大以至于它们实际上[负面] 影响性能到一个显着的程度时，是否会出现这样的情况？
• 在具有大量图标(大小在 16 像素到 48 像素之间)的 Web 应用程序中，使用图标字体对性能提升的影响有多大？

Answer 1

当样式表变得如此之大以致于它们实际上 [负面] 影响性能到一个明显的程度时，是否会出现这样的情况？

这真的只是常识。如果您的样式表变得非常大，那么这将产生与拥有大量图像一样的负面影响。一般来说，样式表(包含大量 CSS3 和花哨的位)的下载速度比加载大量图像要快。

我建议根据具体情况来决定是 CSS 还是图像提供更好的解决方案，同时考虑下载速度、浏览器支持要求、桌面与移动等因素。

在具有大量图标(大小在 16px 到 48px 范围内)的 Web 应用程序中，使用图标字体对性能提升的影响有多大？

除非您谈论的是成百上千个图标，否则在性能上确实不会有非常显着的差异。请记住，对于图标字体，您还可能让用户下载一些自定义字体。

同样，这实际上是使用最适合当前元素的情况。

我认为您的问题没有明确的答案，但希望我所说的能为您解决一些问题。