异步加载的说明

文章讨论了为何将JS代码置于HTML底部并引入异步加载技术,以提高页面加载速度。尽管现代浏览器速度很快,但异步加载有助于避免JS阻塞影响用户体验。作者还提到了HTML5的async和defer属性以及处理加载延迟的常见方法。
摘要由CSDN通过智能技术生成

由于HTML在浏览器的解析顺序式从上到下。

    那么如果将大量的JS代码放在body上方,就会导致

    浏览器再解析HTML网页的时候,将时间先花在加载JS代码上,

    就会导致网页一片空白。

    所以推荐将JS代码放在BODY下方。让浏览器先加载页面的内容,再加载JS代码。

    那么这样子也有弊端。如果说很多内容都和JS挂钩。

    所以就衍生出了异步加载JS代码:浏览器加载JS的同时不会影响HTML加载。

   

    为了减小JavaScript阻塞问题对页面造成的影响,

    可以使用HTML5为<script>标签新增的两个可选属性async和defer实现异步加载。

    所谓异步加载,指的是浏览器在执行加载JavaScript文件时不阻塞页面的加载和渲染。

   

    该知识点仅做了解。

    原因1:浏览器和计算机的执行速度已经非常快了,人的肉眼区分不了一丢丢时间差异带来的视觉效果。

    原因2:即使退一万步讲,真的影响到了,使用上述方法也无法得到有效解决。

    我们常见的处理方式:生成一个加载页面,提示用户“正在加载中…”。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值