大家好!我是你们今天的性能优化导师,咱们今天来聊聊JavaScript中那些藏得很深的性能秘密——PerformanceEntry、resource timing 和 navigation timing。别怕,听名字高大上,其实理解起来就像解一道有趣的数学题。 欢迎来到性能优化的“时间旅行” 在网页性能优化中,时间就是金钱,更准确地说,是用户体验。PerformanceEntry API 就像一个时间旅行的记录仪,记录着网页加载和资源获取过程中发生的各种事件。而 resource timing 和 navigation timing 则是这个记录仪上的两份重要报告,详细记录了资源加载和页面导航过程中的时间数据。 PerformanceEntry:一切性能数据的基石 PerformanceEntry 是一个接口,代表一个单独的性能度量事件。它是一个抽象类,实际使用中,我们主要接触的是它的子类,比如 PerformanceResourceTiming 和 PerformanceNavigationTiming。 PerformanceEntry 都有哪些属性? 属性名 类型 描述 name …
继续阅读“JS `PerformanceEntry` `resource timing` 与 `navigation timing` 细节分析”