由于HTML在浏览器的解析顺序式从上到下。
那么如果将大量的JS代码放在body上方,就会导致
浏览器再解析HTML网页的时候,将时间先花在加载JS代码上,
就会导致网页一片空白。
所以推荐将JS代码放在BODY下方。让浏览器先加载页面的内容,再加载JS代码。
那么这样子也有弊端。如果说很多内容都和JS挂钩。
所以就衍生出了异步加载JS代码:浏览器加载JS的同时不会影响HTML加载。
为了减小JavaScript阻塞问题对页面造成的影响,
可以使用HTML5为<script>标签新增的两个可选属性async和defer实现异步加载。
所谓异步加载,指的是浏览器在执行加载JavaScript文件时不阻塞页面的加载和渲染。
该知识点仅做了解。
原因1:浏览器和计算机的执行速度已经非常快了,人的肉眼区分不了一丢丢时间差异带来的视觉效果。
原因2:即使退一万步讲,真的影响到了,使用上述方法也无法得到有效解决。
我们常见的处理方式:生成一个加载页面,提示用户“正在加载中…”。