我使用YSlow来衡量整体页面性能。然而,CSS声明在文档的头部部分,仍然YSlow发现CSS在文档的主体,并建议把CSS放在顶部。同样的原因是什么呢?
我没有在硬代码或内联样式中使用CSS属性,对于内联样式,我将类应用于该div,如<div class="header"></div>
。在head标签中也有外部CSS,比如
<head>
<link rel="stylesheet" type="text/css" href="/css/menu.css" />
</head>
但是YSlow发现css在body部分而不是head部分
你的问题不清楚,但我猜你可能有行CSS标签
之类的 <div style="float:left">asf asdf</div>
所以你的文档可以是
<html>
<head>
<!--CSS declarations and title etc-->
</head>
<body>
<!--body code etc referencing the exteranl CSS sheets or the CSS declared in the header-->
<div style="color:#366;">These words are in this color</div>
</body>
</html>
我遇到了这个问题,发现这是由于在我的css导入之前有一个A标签(用于声明Google Plus身份)。我将该标记移动到结束的HEAD标记之前,并且YSlow不再标记该问题。