CSS和JS的位置会影响页面的效率,为什么?

01.css样式属于异步加载,加载过程中不会影响到DOM树的生成,但是会影响到Render(渲染)树的生成,进而影响到layout(布局)。所以一般会把link标签尽量放在head里面,然后在解析DOM树的时候是自上而下的,解析DOM树的加载和CSS样式的加载尽可能的并行,加快Render(渲染)树生成的速度。
02-js脚本应该放在底部,如果js放在首部,js脚本会阻止页面中其他内容的加载与显示,
而且js的作用主要是处理交互,而交互必须得先让页面呈现才能进行,所以为了保证用户体验,尽量让css在头部提前加载,js处于页面尾部后加载。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值