摘要：
layout是浏览器计算元素的几何信息：元素在页面上的的大小和位置。 每个元素都有明确的亦或含蓄的大小信息，这些信息基于我们使用的css以及元素的内容被高和父亲元素。 这个过程在 Chrome, Opera, Safari, 和Internet Explorer中叫做Layout.在火狐浏览器中叫做 阅读全文
摘要：
避免使用setTimeout和setInterval进行视觉更新操作;使用 requestAnimationFrame。 将长时间运行的JavaScript 从主线程转移到 Web Workers. 使用 micro-tasks在不同的框架上修改DOM 使用浏览器开发者工具和JavaScript P 阅读全文
摘要：
减少渲染阻塞的js和css 为了产生最快的渲染速度，你需要减少关键资源的熟练，减少下载所有关键资源所需要的网络往返的数量，减少关键资源大小总和的字节数！ 异步执行js js资源会默认进行解析阻塞，除非使用async关键字。 解析阻塞强迫浏览器等待CSSOM并且停止DOM的构造，这将会大大延迟页面的渲 阅读全文
摘要：
现在让我们看看浏览器从网络上加载资源所耗费的时间（我们忽略从缓存以及从CDN等中间商网络上加载资源），我们首先要知道的是： 现在让我们看看浏览器从网络上加载资源所耗费的时间（我们忽略从缓存以及从CDN等中间商网络上加载资源），我们首先要知道的是： 一个到无服务的网路往返 (传播延迟) 大约100ms 阅读全文
摘要：
你不可以优化你不能测量的事情。但是Navegation Timing API可以让我们测量关键的渲染过程时间！ Navigation Timing 为计算CRP提供了高精度的时间戳 浏览器发送了一系列可测量的时间来捕捉CRP的各种状态 Navigation Timing 为计算CRP提供了高精度的时 阅读全文