script放置最佳位置(转载)

Posted 一个笨蛋杰

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了script放置最佳位置(转载)相关的知识,希望对你有一定的参考价值。

   html文件是自上而下的执行方式,但引入的css和javascript的顺序有所不同,css引入执行加载时,

程序仍然往下执行,而执行到<script>脚本是则中断线程,待该script脚本执行结束之后程序才继续往下执行。

   所以,大部分网上讨论是将script脚本放在<body>之后,那样dom的生成就不会因为长时间执行script脚本而延迟阻塞,加快了页面的加载速度。

但又不能将所有的script放在body之后,因为有一些页面的效果的实现,是需要预先动态的加载一些js脚本。所以这些脚本应该放在<body>之前。

   所以,我认为script放置位置的原则“页面效果实现类的js应该放在body之前,动作,交互,事件驱动的js都可以放在body之后”。

以上是关于script放置最佳位置(转载)的主要内容,如果未能解决你的问题,请参考以下文章

UIViewController 最佳实践——加载

放置freemarker模板文件的最佳做法是啥

放置 Document Ready 功能的最佳实践 [重复]

在雪花中放置多个仓库的最佳方法?

SwiftUI 决定放置逻辑的最佳 viewModel

在 html 中围绕某些内容放置“框架”的最佳方法是啥?