google chrome浏览器添加了性能叠加层,以帮助网络开发人员构建更快的网站-凯发体育app

 

google工程经理addy osmani(通过androidpolice)详细介绍了chrome的新性能平视显示器(hud )。新的叠加层将成为chrome devtools的一部分,将为开发人员提供core web vitals和平滑度指标。启用hud后,它将永久保存并显示在每个标签上。

在google推出web vitals之后,新的性能叠加层就出现了。这项举措旨在为“高质量信号提供统一指导,这对于在网络上提供出色的用户体验至关重要。”

performance-hud

这是我们在2020年5月对core web vitals所说的话:

核心网络生命力是适用于所有网页的所有网络生命力的子集,应该由所有网站所有者进行衡量,并将在所有google工具中浮现。当前,这些core web vitals专注于用户体验的三个方面-负载,交互性和视觉稳定性-并包括以下指标(及其各自的阈值):

  • 最大含量油漆(lcp):衡量装载性能。为了提供良好的用户体验,lcp应该在页面首次开始加载后的2.5秒内发生。
  • 首次输入延迟(fid):测量交互性。为了提供良好的用户体验,页面的fid应当小于100毫秒。
  • 累积布局偏移(cls):衡量视觉稳定性。为了提供良好的用户体验,页面的cls应保持小于0.1

创建一个快速,流畅的体验对开发人员来说是最大的利益。这是因为google将从2021年5月开始根据“页面体验”对网站进行排名。google于去年8月开始将网站标记为符合core web vitals指标,并在chrome 85中告知用户链接是否指向“快速页面”。

根据osmani的说法,hud仍在抛光中,因此诸如稳定性和性能之类的事情会随着时间的流逝而出现。您可以转到crbug.com,并在“内部”>“ gpu”>“指标”组件下报告所有错误或反馈。

 

原创文章,作者:校长,如若转载,请注明出处:https://www.yundongfang.com/yun33074.html

(0)
打赏 微信扫一扫不于多少! 微信扫一扫不于多少! 支付宝扫一扫礼轻情意重 支付宝扫一扫礼轻情意重
上一篇 2021年1月24日 上午9:34
下一篇 2021年1月24日 下午3:29

相关推荐

  •   在下一个chrome更新中,google希望通过一项名为“共享中心”的新功能来简化url共享体验,该功能最近根据chromium提交已添加到canary版本中。 该功能(当前称…

    2021年5月12日
  •   当涉及到在桌面上流式传输内容时,我们大多数人倾向于使用youtube和应用程序,但是在某些情况下,您不得不依靠chromium基于html的内置媒体播放器,该播放器可用于goo…

    2021年5月3日
  •   google chrome现在阻止http,https和ftp访问tcp端口10080,以防止这些端口在nat slipstreaming 2.0攻击中被滥用。 去年,安全研究…

    2021年4月9日
  •   如何在google chrome浏览器中添加“搜索标签”按钮 打开chrome浏览器。 在网址栏中输入以下url chrome:// flags /#enable-tab-se…

    2021年3月27日 谷歌google
  •   从网络浏览器的下一个稳定版本开始,google chrome浏览器将切换为在地址栏中键入的所有url选择https作为默认协议。 这项功能于上个月进入测试阶段,并且是 针对ch…

    2021年3月25日
  • windows 11 pro iso文件在哪下载最新版?如何下载原装纯净版win11 ?点击进入   持续更新! google正在推出一项新的“标签搜索”功能,该功能可让您在所有打…

    2021年3月21日
  •   chrome当前是android上使用最多的浏览器,这不是因为该浏览器已预装在android手机上,而是因为其性能,可靠性以及当然会经常添加新的有用功能。昨天,3月10日,这家…

    2021年3月12日
  •   在桌面上使用“保存到google云端硬盘”扩展程序 1.从chrome网上应用店安装“保存到google云端硬盘”扩展程序。设置完成后,您将在打印界面中看到一种新的可能性,特别…

    2021年3月2日
  • 当前edge的新功能 现在,我们将总结在此新edge中发现的一些功能: 在这个新的edge中,有一个更好的密码管理器。 它具有通过浏览器历史记录进行搜索的能力。 跨设备同步将更加可…

    edge资讯 2021年3月1日
  •   如果您使用的是google chrome浏览器,并且倾向于同时打开大量标签页,则您可能会意识到,打开的标签页越多,chrome浏览器就会尽可能缩小屏幕上显示的标签页的数量。旨在…

    2021年2月16日
  •   当网页花费的时间太长或无法正确加载时,google chrome通常会显示“页面无响应”错误。在大多数情况下,选择退出页面并刷新有问题的页面应该可以帮助您彻底摆脱错误。 如果不…

    2021年2月16日 谷歌google
  • 早在2020年10月,google chrome浏览器就引入了新的“标签搜索”功能,该功能使用户可以立即搜索打开的标签列表。即使microsoft edge上不提供此功能,用户也可…

    edge资讯 2021年2月10日
  • apple已使用一项新功能更新了windows版icloud应用程序,该功能很快将使用户可以在google chrome中访问其icloud钥匙串密码。 根据最新更新的发行说明,该…

    2021年1月28日
  •   google一直在为android使用“稍后读取”功能,并且该功能现在已在android的chrome canary上无标记显示。 该功能使您可以从链接的长按菜单中为以后要阅读…

    2021年1月27日 谷歌google
  •   如何在google chrome浏览器中对标签进行分组 1. 右键单击chrome中的任何标签。在下拉菜单中,单击“将标签添加到新组”。 您可以通过从右键单击菜单中选择选项来创…

    2021年1月9日 谷歌google
  •   生成此类qr码以链接到所需url的过程就像扫描它们一样容易。在这里,我们告诉您如何继续使用android设备通过google chrome浏览器为网站生成qr码。 在使用您的a…

    2021年1月4日
  • windows 11 pro iso文件在哪下载最新版?如何下载原装纯净版win11 ?点击进入   持续更新! google正在为“新标签页”开发一个新模块,该模块将填充购物广告…

    2020年10月23日
  • 点击进入:chatgpt工具插件导航大全 微软官方网站虽然已经放出了iso镜像下载地址,如果你在 windows 设备上访问windows 10下载网站,那么微软会优先推荐下载媒体…

    2020年5月29日
网站地图