【问题标题】:How to fix Core Web Vitals FID issue in Asp.Net?如何修复 Asp.Net 中的 Core Web Vitals FID 问题?
【发布时间】:2021-08-12 14:51:08
【问题描述】:

我使用 BVcommerce 工具在 Asp.Net(后端:Vb)中创建了一个基于电子商务的 Web 应用程序,该工具运行良好,但由于 google 的页面排名新指南和 SEO 应用程序必须通过 Web Vitals 测试所以我更改了一些代码,现在最大内容绘制 (LCP) 和累积布局偏移 (CLS) 以超过 85% 的百分比通过,但是当谈到首次输入延迟 (FID) 时,它只通过了 40% 所以请帮我解决这个问题。

我也尝试删除所有主页内容(图像、菜单和页脚),但结果仍然与之前相同。

在我的应用程序中,有所有页面加载机制,因为它是在 4 年前创建的,因此会产生问题。我也在这里附上结果图片。

任何人都可以对此有所了解,请告诉我们。

【问题讨论】:

  • 我的网站在桌面版中通过,但在移动版中失败,因为结果相同。在桌面 FID 是 3 毫秒,但当变成移动设备时,它大约是 225 毫秒,所以它失败了。这对我来说是一个重大挑战。如果有人有想法,请告诉我。
  • 我认为 FID 问题可能与运行长时间运行的 JavaScript 任务的网页有关,这些任务会停止页面对用户的响应。 Chrome 开发者工具的性能标签可以帮助您分析长时间运行的 JavaScript 任务。
  • 谢谢,@TonyMcCreath 实际上我的应用程序是在 2017 年左右构建的,它是一个纯 Asp.Net 应用程序,只有一个 jquery 应用程序,它用于隐藏/显示或动画其余功能是使用我们多年前遵循的 Postback 完成。在这种情况下,我们必须这样做吗?您的一点点帮助可以改变性能应用程序。

标签: asp.net .net vb.net seo


【解决方案1】:

首次输入延迟 (FID) 是一个纯粹的真实用户指标,它测量接收输入事件与主线程下一次空闲执行该事件之间的增量,因此主线程阻塞时间与此成正比指标分数

web vitals 提出了一些很好的优化建议来提高这个分数:

  • 分解长任务
  • 优化您的页面以做好交互准备
  • 使用网络工作者
  • 减少 JavaScript 执行时间

这一切都归结为最后的主线程优化 - 一种方法idle until urgent 在优化性能方面是最好的,因此是灯塔分数。尝试减少通过主线程加载资源(CSS 和 JavaScript 文件)的非关键网络请求,改为异步加载它们

通过确定媒体项目何时进入用户的视口并触发事件来更好地优化图像重页,Intersection Observer API 可以实现这一点,因此现代移动优先框架使用延迟加载方法来获得更好的用户体验

【讨论】:

    猜你喜欢
    • 2022-11-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-04-30
    • 1970-01-01
    • 2020-07-11
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多