根据HTML5 Boilerplate团队(以及许多其他作者,肯定),在可能的情况下,给定页面上的所有JS应位于底部(在</body>
标记之前),除了Modernizr由于它在页面加载期间的行为方式。
据我所知,谷歌WebFonts Loader的工作原理与Modernizr几乎相同(通过@font-face
功能检测并向<html>
标签添加类),我想知道如果这个脚本也是如此......
这应该放在<head>
还是<body>
标签上?这有多重要吗?
答案 0 :(得分:1)
简短的回答:尽管纯粹主义者会喜欢告诉你的页面加载速度,但实际情况是,不,它实际上并不重要。把它放在顶部。
将JS包含在页面底部的唯一原因是出于页面加载性能的原因。如果把它放在顶部不会导致明显的性能下降,那么它真的没关系。特别是它只是一两个脚本,你坚持让你的大部分脚本仍然在底部。事情是:对于大多数网站来说,它所带来的差异是微不足道的。
我真的不知道答案,因为它特别适用于Google Webfonts,因为我还没有使用过该库(但是),但我的建议只是将它放在Modernizr的顶部,并且担心它