script 标签的位置与性能

我们需要先知道浏览器在解析 html 的时候每次遇到 script 标签都会停止渲染,而去下载 js 资源,并执行(因为浏览器不知道,js会不会对页面中的元素做出修改)。

脚本位置

  • 所以推荐将 script 标签放在 body 标签的最后,等页面基本解析渲染完成后采取加载执行 js,以尽量减少对整个页面下载的影响
  • 而且如果你 js 放在要操作的元素之前,就会报错,找不到该元素

脚本个数

  • 因为每次加载脚本都会消耗性能,所以页面中的
posted @ 2020-04-26 09:33  布小星  阅读(228)  评论(0编辑  收藏  举报