在html中包含大量脚本标记是否存在任何性能问题？

Question

在html文件中包含大量（例如50个）脚本标记是否存在任何问题。它是否会在页面呈现时间内导致任何性能问题？

我的页面上有一个部分正在拉动地理定位点并将其放入数组中以便在Google地图上使用。我可以为地理位置点创建一个单独的查询，但我相信如果我在请求其他内容时将其拉出来会更有效。

<script type="text/javascript">points[{count}] = [{job_latitude},{job_longitude},'{title}'];</script>

Answer 1

当浏览器遇到SCRIPT元素时，它会停止解析并呈现HTML并开始解析和解释其内容。这是因为代码SCRIPT元素可以改变已经解析的DOM树。

这就是it’s recommended to put SCRIPTs at the bottom of the document之所以解析整个文档正文的原因。

所以我宁愿完全请求地理位置（也许你可以在服务器端收集它们并在最后打印它们）。或者，如果您不能或不想这样做，请将defer attribute添加到SCRIPT元素，以告诉解析器不要等待脚本。

Answer 2

LABjs是一个轻量级.js文件（MIT许可证），它允许您的脚本与标记并行加载 - 它有可能显着改善页面加载时间 - 但要小心使用wait（）函数确保依赖性得到尊重。