iframe js 加载失败_每日一博 | css 加载会造成阻塞吗

a311d49af2ecd943a358a2aa6eda9b90.png

点击右上方,关注开源中国OSC头条号,获取最新技术资讯

本文由云+社区发表

作者:嘿嘿嘿

可能大家都知道,js执行会阻塞DOM树的解析和渲染,那么css加载会阻塞DOM树的解析和渲染吗?接下来,我就来对css加载对DOM树的解析和渲染的影响做一个测试。

为了完成本次测试,先来科普一下,如何利用chrome来设置下载速度

1. 打开chrome控制台(按下F12),可以看到下图,重点在我画红圈的地方

fc0cab74959b108a0956de6b0c7284f4.png

点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个选项

2. 点击我画红圈的地方(No throttling),会看到下图,我们选择GPRS这个选项

c4f49f5b7a275bd65ac2793c59179775.png

这样,我们对资源的下载速度上限就会被限制成20kb/s,好,那接下来就进入我们的正题

3. 这样,我们对资源的下载速度上限就会被限制成20kb/s,好,那接下来就进入我们的正题

css加载会阻塞DOM树的解析渲染吗?

用代码说话:

  css阻塞

这是红色的

假设: css加载会阻塞DOM树

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值