什么是 Google lighthouse 中的 Time to Interactive metrics

简介: 什么是 Google lighthouse 中的 Time to Interactive metrics

Google Lighthouse是一个由Google开发的开源自动化工具,可用于改进Web应用程序的质量。它提供了一组性能、可访问性、最佳实践和SEO建议,并且可以运行在Chrome DevTools中或者作为命令行工具使用。


Lighthouse分析Web应用程序的各个方面,包括性能、安全、可访问性和最佳实践,并生成一个综合报告。该报告提供了各种指标和建议,例如页面加载时间、可访问性问题、缺少的元标记等等。Lighthouse的分析是基于Google的开源规范,这些规范涵盖了Web应用程序的各个方面,并且被广泛使用。


Lighthouse是一个非常有用的工具,可帮助开发人员识别和解决Web应用程序的问题,并改进其性能、安全性和可访问性。同时,它也是一个非常好的学习工具,可以帮助开发人员了解如何构建高质量的Web应用程序。


Google Lighthouse 中的 Time to Interactive (TTI) 是指从页面开始加载到用户能够与页面交互的时间,即网页完全加载并响应用户输入的时间。在 Lighthouse 报告中,TTI 是一个重要的性能指标之一,表示网页的交互性能。


TTI 是一个比较复杂的指标,它涉及到网页的很多方面,例如 JavaScript 执行、DOM 构建和样式计算等等。通常情况下,TTI 时间越短,用户的体验就会越好,因为他们可以更快地与页面进行交互。


在 Lighthouse 报告中,TTI 指标会根据一系列的规则和标准进行计算和评估。这些规则和标准包括 DOM 大小、JavaScript 执行时间、关键资源加载时间等等。根据这些规则和标准,Lighthouse 会对网页的 TTI 进行评估,并给出具体的建议和优化方案,帮助网页提高 TTI 性能,从而提升用户体验。



image.png

相关文章
|
5月前
|
编解码
Google Earth Engine(GEE)——监督分类出现ConfusionMatrix (Error) User memory limit exceeded.解决方案
Google Earth Engine(GEE)——监督分类出现ConfusionMatrix (Error) User memory limit exceeded.解决方案
153 0
|
2月前
【Azure Function & Application Insights】在Azure Function的日志中,发现DrainMode mode enabled Traces。它是什么意思呢?
【Azure Function & Application Insights】在Azure Function的日志中,发现DrainMode mode enabled Traces。它是什么意思呢?
|
4月前
|
缓存 监控 前端开发
前端性能监控:从Lighthouse到Real User Monitoring
**前端性能监控关乎用户体验。Lighthouse是自动化审计工具,评估网页性能、最佳实践、可访问性等,通过CLI或Chrome DevTools使用。RUM则实时监控用户与网站互动,收集性能数据。两者结合,从开发到生产环境,全面优化前端性能,包括资源加载、代码优化、网络性能和用户体验。使用Lighthouse和RUM数据,结合CI/CD,持续改进并设定性能预算,采用SSR、Service Worker、Code Splitting等高级策略,确保高性能和用户满意度。**
69 2
|
Web App开发 JavaScript 前端开发
什么是 Google lighthouse 中的 Time to Interactive metrics
什么是 Google lighthouse 中的 Time to Interactive metrics
|
Web App开发 SQL JavaScript
【性能】7分钟带你了解【尤大】都在使用的 Chrome Runtime Performance Debug!
前段时间用Vue3开发了一个线上标准的项目,也都已经提测了,最近可以抽时间来整理一下项目中用到的技术栈,( 我用前端【最新】技术栈完成了一个生产标准的项目【Vue3 + TS + Vite + Pinia + Windicss + NavieUI】。 在开发之前特地重温了一下18年尤大的VUE CONF(杭州),过程中发现尤大使用到了这个Performance去分析JavaScript每一帧的计算,之前知道这个工具,但是平时基本不怎么用,借此机会学一下并做一些记录。
215 0
|
编解码 算法 ice
Google Earth Engine(GEE)——MOD10A1 V6 Snow Cover Daily Global 500m积雪、积雪反照率、部分积雪和质量评估 (QA) 数据
Google Earth Engine(GEE)——MOD10A1 V6 Snow Cover Daily Global 500m积雪、积雪反照率、部分积雪和质量评估 (QA) 数据
310 0
Google Earth Engine(GEE)——MOD10A1 V6 Snow Cover Daily Global 500m积雪、积雪反照率、部分积雪和质量评估 (QA) 数据
|
10月前
Google Earth Engine(GEE)——feature ‘1_1_1_1_1_1_1_1_0‘ is missing错误如何解决?
Google Earth Engine(GEE)——feature ‘1_1_1_1_1_1_1_1_0‘ is missing错误如何解决?
286 0
Google Earth Engine(GEE)——feature ‘1_1_1_1_1_1_1_1_0‘ is missing错误如何解决?
|
传感器 编解码 前端开发
Google Earth Engine——PROBA-V C1 Top Of Canopy Daily Synthesis 100m/333m数据集
Google Earth Engine——PROBA-V C1 Top Of Canopy Daily Synthesis 100m/333m数据集
151 0
Google Earth Engine——PROBA-V C1 Top Of Canopy Daily Synthesis 100m/333m数据集
Google Earth Engine(GEE)——sentinel-5p数据每三日SO2数据平均值
Google Earth Engine(GEE)——sentinel-5p数据每三日SO2数据平均值
228 0
Google Earth Engine(GEE)——sentinel-5p数据每三日SO2数据平均值
2016-01-18 10:33PM at Parkyard difference between WebUI and Fiori
2016-01-18 10:33PM at Parkyard difference between WebUI and Fiori
2016-01-18 10:33PM at Parkyard difference between WebUI and Fiori