Google WebFonts Loader - 顶部还是底部?

时间:2012-09-30 20:50:18

标签: modernizr webfonts

根据HTML5 Boilerplate团队(以及许多其他作者,肯定),在可能的情况下,给定页面上的所有JS应位于底部(在</body>标记之前),除了Modernizr由于它在页面加载期间的行为方式。

据我所知,谷歌WebFonts Loader的工作原理与Modernizr几乎相同(通过@font-face功能检测并向<html>标签添加类),我想知道如果这个脚本也是如此......

这应该放在<head>还是<body>标签上?这有多重要吗?

1 个答案:

答案 0 :(得分:1)

简短的回答:尽管纯粹主义者会喜欢告诉你的页面加载速度,但实际情况是,不,它实际上并不重要。把它放在顶部。

将JS包含在页面底部的唯一原因是出于页面加载性能的原因。如果把它放在顶部不会导致明显的性能下降,那么它真的没关系。特别是它只是一两个脚本,你坚持让你的大部分脚本仍然在底部。事情是:对于大多数网站来说,它所带来的差异是微不足道的。

我真的不知道答案,因为它特别适用于Google Webfonts,因为我还没有使用过该库(但是),但我的建议只是将它放在Modernizr的顶部,并且担心它