DOMContentLoaded 事件：当文档DOM完全加载并解析完成时触发，但不包括样式表、图片、脚本等资源的加载。此时可以立即访问到页面上的所有元素，并且可以对它们进行操作。适用于大多数需要在页面加载后立即执行的操作，如绑定事件、修改DOM等。load 事件：当整个页面（包

概要参数1、requests=>资源请求总数；2、transferred=>网络加载资源大小；3、resources=>页面所有资源总大小（包含网络资源、浏览器缓存解析后的资源等）；4、Finish=>所有请求从发起到响应完成时间（注意：请求不只是XHR，页面请求和页面解析也是不同线程，不直接相关）；5、DOMcontentL

DOMContentLoaded事件在HTML文档解析完成，并且所有的DOM元素已经创建完成，但是在页面的样式表、图像和子框架之类的外部资源加载完成之前触发。这个事件通常用于在页面完全加载之前执行一些JavaScript代码，而无需等待其他资源的加载。DOMContentLoaded事件相较于load事件而言

前言最近在做一些性能优化相关的工作，相信大家在工作过程中也会遇到一些性能优化相关的场景，这对于前端开发者来讲是一项加分技能。为了我们的用户在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化。在行业中，我们的页面P90在两秒内算是达标，超过这个时间那么你

前言最近在做一些性能优化相关的工作，相信大家在工作过程中也会遇到一些性能优化相关的场景，这对于前端开发者来讲是一项加分技能。为了我们的用户在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化。在行业中，我们的页面P90在两秒内算是达标，超过这个时间那么你就

前言最近在做一些性能优化相关的工作，相信大家在工作过程中也会遇到一些性能优化相关的场景，这对于前端开发者来讲是一项加分技能。为了我们的用户在使用我们的产品时能够有一个非常好的体验，我们需要对页面进行诊断优化。在行业中，我们的页面P90在两秒内算是达标，超过这个时间那么你

在chrome浏览器的开发过程中，我们会看到network面板中有这两个数值，分别对应网络请求上的标志线，这两个时间数值分别代表什么？我们一再强调将css放在头部，将js文件放在尾部

答：相同点：只适用于外联脚本，这一点和defer一致，也就是script标签要有src属性。不同点：async和defer的执行时机不同,async是在加载完后立即执行,执行的过程仍会阻塞后续html的