css阻塞

1style标签中的样式

(1)由html解析器进行解析

(2) 不阻塞浏览器渲染,可能产生闪屏现象。因为是异步的,加载一点解析一点

(3) 不阻塞DOM 解析

2link引入的外部css样式(推荐使用)

(1)由css解析器进行解析
(2)阻塞浏览器的渲染(可以利用这种阻塞避免闪屏现象)
(3)阻塞其后面的js语句的执行
原因:
页面性能优化基础一

js阻塞

页面性能优化基础一

验证css阻塞和js阻塞

页面性能优化基础一

图层与重排重绘

页面性能优化基础一
页面性能优化基础一

页面性能优化基础一

页面性能优化基础一

相关文章: