不必要的CSS和优化

Question

是否包含不必要的CSS会降低浏览器的速度(Chromium,Mobile Safari)？

我的意思是,

function insert_style_sheet()
{
    include "style_sheet.tpl";
}

在每个PHP文件中.模板文件style_sheet.tpl如下:

<link rel="StyleSheet" type="text/css" href="css/main.css">
<link rel="StyleSheet" type="text/css" href="css/controls.css">
<link rel="StyleSheet" type="text/css" href="css/whatever.css">

Answer 1

是的,您可以尝试使用YSlow等性能分析器测量差异.一个或两个额外的样式表可能具有可忽略的速度效果,具体取决于它的大小.本质上,更多样式表将此添加到管道:

• 浏览器必须检查每个元素的更多CSS规则
• 获取CSS文件的更多HTTP往返(减少HTTP调用的数量非常重要,请考虑组合样式表)
• 需要下载更多字节

正如保罗爱尔兰最近发推文的那样,"当你优化你的网站/应用程序的性能时,你的优先事项是1.网络连接2. DOM访问3. Javascript优化."