javascript - 前端性能优化，timeLine资源之间空白时间如何定位？

问题描述

问 题

刚接触一个项目的前端优化，在谷歌开发者工具上看timeLine，发现有两个资源中间有一段空白，如图，不知道什么导致的，如何定位&优化呢？

.]

解决方案

这段时间是浏览器在处理代码，包括下面的可能性：

1. 解析css文件

2. 解析html

3. 生成 RenderObject 并渲染

4. 执行 js(async=true) 文件

简单来说，浏览器按顺序解析html过程中，遇到 link、script、img 等标签时才会去加载资源，题目中的这段空白就是解析过程

这篇关于javascript - 前端性能优化，timeLine资源之间空白时间如何定位？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！