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

pro*_*oee 8 html javascript scripting

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

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

<script type="text/javascript">points[{count}] = [{job_latitude},{job_longitude},'{title}'];</script>
Run Code Online (Sandbox Code Playgroud)

Gum*_*mbo 8

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

这就是为什么建议将SCRIPTs放在文档底部以便整个文档正文已被解析的原因.

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