关键渲染路径 about blog HOT 8 OPEN

CSS 阻塞 DOM 构建（有 js） 这个有办法测吗，感觉好像没办法，因为最多也就是 charles 把 css 挂起，这个时候页面没有渲染（Render Tree 没完成），但是这个无论 CSS 有没有阻塞 DOM Tree 构建都表现是这样

from blog.

@NE-SmallTown 可以测，Chrome DevTools 中的 performance 面板可以测~ 😁😁

from blog.

看了下，确实没有 js 的时候，即便 block 住 css 资源的请求，DOMContenLoaded 事件也还是 fire 了

from blog.

@NE-SmallTown 后面会写更多导致性能问题的原因以及如何解决的文章~ 😁😁

from blog.

哈哈，持续关注中，之前也写过一点 https://zhuanlan.zhihu.com/p/33825610 ，要看的资料太多了，唉

from blog.

赞！！
第六节使我恍然大悟！！！
只知道 JavaScript 阻塞 Parse HTML 但一直没有去理解其原因，现在终于明白了。

from blog.

补充下 Google Developers 社区对该主题的介绍：https://developers.google.com/web/fundamentals/performance/critical-rendering-path

from blog.

上面很多图片都裂开了，能补充完善吗

from blog.