Question

如果我使用带有一些插件的jquery库，我可以将所有插件放在底部，就在</body>之前，还是取决于它？

在某些情况下，库+插件应该放在非底部的末尾吗？

Answer 1

是的，在</body>之前放置在页面底部，以获得最快的加载时间。

http://developer.yahoo.com/performance/rules.html#js_bottom

从技术上讲，你可以像Reigel建议的那样把它放在页面的顶部，但它会锁定整个页面的执行，这是蹩脚的。最好的想法是并行执行，只需在加载DOM之后将脚本添加为DOM节点，如果可能的话（如果它不会弄乱你的页面）：

$( function(){ $( 'body' ).append( '<script src="plugin.js"></script>' ); } );

另外，每周都有一个关于这个主题的严肃话题。首先搜索。

Answer 2

据我所知，你应该将JS从头部移动到正文，因为它不会延迟页面呈现本身，而是加载其他外部脚本（css）。我把它移到页面底部，只是为了在查看源代码时轻松找到它。

Answer 3

在</body>之前将所有内容置于底部的真正原因是，您的网页呈现速度很快。

这是一种优化技术，允许您的页面在加载所有内容之前显示在浏览器中，如果您将所有的javascript放在顶部，页面将显示为空白，直至完成加载脚本，用户会觉得你的网站很慢，可能会离开。

所以，无论你把它放在哪里，它仍然有用，不同之处在于你甚至在所有的javascript加载之前就让你的访问者，看到一些内容甚至点击一个链接。

@Dan Beam：将你的CSS置于底部，可能会以奇怪的方式显示页面的第一个渲染，因为CSS尚未加载。

Answer 4

<击>

 <head>
    <!--
    .....
    jquery should be at the top of all scripts... just the scripts 
    before you call
      $(document).ready(function(){ .... });
    -->
</head>

Document如何设置。

<击>

如果我正在使用带有一些插件的jquery库，那么我应该将所有插件放在底部，就在之前

4 个答案: