2013-04-23 47 views
1

在网站中处理javascript的结构时。目前我尝试将所有的javascript分离到文件中,例如app.js.为什么要避免页内<script>

虽然它只是为了更好地把剧本出现,与标签实际的页面上?如果是的话,原因是什么?

+0

浏览器是满意无论是。 – 2013-04-23 01:35:42

+0

您应该捆绑并缩小所有脚本,将它们合并到单个文件中(如果可能)。这样,你只需要尽可能少的请求和浏览器就可以缓存它们。 – Blender 2013-04-23 01:37:01

回答

6

一般的经验法则是将脚本文件放在外部文件中。该Yahoo Developer网站还呼吁这一点:

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

+0

很好解释+1 – AndrewMcLagan 2013-04-23 03:09:42

0

要不要在这个岗位忘记WordPress的,你应该知道,这个CMS有有关的JavaScript文件调用的要求:总是有wp_head()刚刚闭幕</head>之前和刚刚闭幕</body>

之前有wp_footer()这就是你使用<script>标签调用外部文件的情况。但在WordPress的最好的办法就是用它来排队:http://codex.wordpress.org/Function_Reference/wp_enqueue_script