为什么要避免页面内 <script> [关闭]答案

【问题标题】：Why to avoid in-page <script> [closed]为什么要避免页面内 <script> [关闭]
【发布时间】：2013-04-16 01:58:46
【问题描述】：

在处理网站中的 javascript 结构时。目前我尝试将我所有的 javascript 分成文件，比如 app.js。

尽管将脚本放置在它们出现的实际页面上并带有标签会更好吗？如果是，原因是什么？

【问题讨论】：

浏览器对两者都满意。
你应该打包和缩小你所有的脚本，将它们聚集成一个文件（如果可能的话）。这样，您只需发出最少数量的请求，浏览器就可以缓存它们。

标签： javascript jquery html wordpress model-view-controller

【解决方案1】：

一般的经验法则是将脚本文件放在外部文件中。 Yahoo Developer 网站也要求这样做：

在现实世界中使用外部文件通常会产生更快的页面因为 JavaScript 和 CSS 文件被浏览器缓存。内联在 HTML 文档中的 JavaScript 和 CSS 被下载每次请求 HTML 文档时。这减少了数量需要的 HTTP 请求，但会增加 HTML 的大小文档。另一方面，如果 JavaScript 和 CSS 在外部浏览器缓存的文件，减少了 HTML 文档的大小不会增加 HTTP 请求的数量。

【讨论】：

【解决方案2】：

不要忘记这篇文章中的 Wordpress，你应该知道这个 CMS 有关于调用 javascript 文件的要求：总是在关闭 </head> 之前有 wp_head() 并且在关闭之前有 wp_footer() @987654325 @

这是在您使用<script> 标记调用外部文件的情况下。但在 Wordpress 中，最好的方法是使用：http://codex.wordpress.org/Function_Reference/wp_enqueue_script

将其加入队列

【讨论】：