面试官:如何提升应用的 Lighthouse 分数

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

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

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

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

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

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

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

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

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

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

  • 4 个顶级移动网站中有 3 个加载时间超过 10 秒

  • 在 5 秒内而不是 19 秒内加载的网站的收入,增加了 2 倍

但别担心,我

你可能感兴趣的:(web性能,前端面试宝典,搜索引擎,前端,Lighthouse)