JS代码放在head和body中的区别分析_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 4:21:33 共计：3582 浏览

JS代码放在head和body中的区别分析？

首先要明白的是 js 是阻塞加载执行的，也就是说js 在加载的过程中，下面的html css等都会等待js加载完才会加载。

那么问题来了：如果js是一个2G大小的文件...那么这个页面要显示出来，岂不是要等到天黑..

所以把js放在最下面，可以优先加载html 和css ，先把样子给用户看..然后慢慢的加载js文件。

区别：

放在下面属于简单优化，能够更快的加载html css 。

至于你说的放在head 和body 中的区别没啥两样。无非是加载的时间和顺序不同罢了。

建议：

在开发页面过程中，尽量将js文件或代码放在最底部。这是前端优化规则之一。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。