这里有几个名词需要我们了解下 High Resolution Time API： Performance Timeline API Navigation Timing API: 性能信息 User T

preload 提升了资源加载的优先级，使得它提前开始加载（预加载），在需要用的时候能够更快的使用上。另外 onload 事件必须等页面所有资源都加载完成才触发，而当给某个资源加上 preload 后，该资源将不会阻塞 onload。 此时的 main.js 加载顺序出现在了 …

加载网页前，重置WebView状态以及与业务绑定的变量状态。WebView状态包括重定向状态(mTouchByUser)、前端控制的回退栈(mBackStep)等，业务状态包括进度条、当前页的分享内容、分享按钮的显示隐藏等。 加载网页前，根据不同的域拼接本地客户端的参数，包括基…

我们都知道React 16实现了新的调度策略(Fiber), 新的调度策略提到的异步、可中断，其实就是基于浏览器的 requestIdleCallback和requestAnimationFrame两个API。虽然React是自己实现了一套类似的requestIdleCallb…

http/1和http/2对前端性能优化策略方案的影响 对性能优化策略的影响：http1 和 2 略有不同，分别是： 请求数方面，内联方面

实测http1和http2性能对比，并分析Network的Timing图 测试网站 https://http2.akamai.com/demo 测试样本 378个小图片（每个图片大小 1至4kb左右）

network工具功能强大，能够让我看到网页加载的信息，比如加载时间，和先后顺序，是否是并行加载，还是堵塞加载。 （1）.Name:表示加载的文件名。 （2）.Method:表示请求的方式。 （3）.Status:表示状态码（200为请求成功，304表示从缓存读取）。 （4）.…

Performance API 是浏览器提供给我们的用于检测网页性能的 API，它并不是一个孤立的 API，而是一组 API 的组合。主要包括： Resource Timing API：与网页资源（脚本、样式、图片等）加载相关的耗时信息，定义了接口 PerformanceRes…

向浏览器输入url会发生什么？当我们向浏览器的地址栏输入URL的时候，网络会进行一系列的操作，最终获取到我们所需要的文件，交给浏览器进行渲染