CSS加载会造成堵塞吗？

1. 配置浏览器网络速度首先配置浏览器网络速度，使现象更明显。1. 打开chrome控制台(按下F12)，选择No Throttling，并在Custom中选择Add2. 对浏览器上传与下载速度进行限制2. CSS加载不会堵塞DOM的解析，但会堵塞DOM的渲染html lang="en"> head> title>css阻塞title> meta charset="UTF-8"> meta name="viewport" content="width=device-width, initial-scale=1"> style> h1 { color: red !important }style> script> function h () { console.log(document.querySelectorAll('h1')) } setTimeout(h, 0)script> link href="https://cdn.bootcss.com/bootstrap/4.0.0-alpha.6/css/bootstrap.css" rel="stylesheet"> head> body> h1>这是红色的h1> body>html>效果：在CSS加载时，JS就能获取到DOM节点，说明CSS加载不会堵塞DOM的解析使用Performance进行分析：可以看到在css加载完成后，DOM渲染才完成，说明CSS加载会堵塞DOM渲染（CSS加载完成前， ………………………………