前端技能树,面试复习第 11 天 —— Lighthouse 有听说过吗,如何根据 Lighthouse 的测评指标提升应用性能

本文探讨了Lighthouse在评估网页性能中的作用,强调了速度对应用程序性能的重要性。通过Lighthouse的Web Vitals指标,文章详细解释了FCP、SI、LCP、TTI和CLS等关键性能指标,并提供了优化字体、脚本、样式、图像和JavaScript的策略,旨在提升应用的Lighthouse分数和用户体验。
摘要由CSDN通过智能技术生成

Lighthouse 是用于测试网页性能工具最有用的技术之一。 它具备了自动化,并可以测量网站的可访问性和 SEO。 更重要的是,它目前是开源的并且可以免费使用。 同时,它可以用来测试渐进式 Web 应用程序。

今天,性能不仅仅是渲染应用程序所需的时间。 一些不良的体验带来的多米诺骨牌效应更会损害你的应用程序。

速度如何影响您的应用程序的性能?

你是否知道自 2010 年以来 Google 一直在关注网站的访问网络速度排名吗?

  • 2010 年,Google 宣布将在桌面设备上的用户搜索排名算法中考虑页面访问速度。

  • 2017 年 12 月,谷歌转向“移动优先”方案,然后在 2018 年 1 月,它开始使用页面访问速度作为移动搜索的排名因素。

  • 2020 年 5 月,谷歌宣布他们将衡量整体页面体验,并将在其排名算法中使用它。 页面体验基于许多因素,包括:加载性能、交互性的首次输入延迟、用于视觉稳定性的累积布局移位(CLS)、移动友好性,HTTPS,是否含有侵入性的插页式广告。

同时,你是否知道应用程序的性能对用户体验,甚至收入的巨大影响吗? 以下是谷歌给出的一些证据:

  • 如果加载时间超过 3 秒,53% 的移动网站访问者会离开网站

  • 在 5 秒内而不是 19 秒内加载的网站,可访问性提高了 25%

  • 4 个顶级移动网站中有

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 6
    评论
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

编程轨迹_

期望和你分享一杯咖啡

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值