主页 / coding / 问题

问题[pagespeed](coding)

Martin Hope
Jrom
Asked: 2024-11-29 02:41:31 +0800 CST
  • 5

我有一个静态网站，我的移动端 INP 在 200-300 范围内，刚好在“需要改进”类别中。我尝试使用 web-vitals.js 进行调试，以找出延迟的来源。在缩小交互来源范围后，我最终构建了一个超小的概念验证。当我在 Chrome 中单击移动端按钮时，以下代码会导致 248 毫秒的延迟：

<!-- test.html -->
<!DOCTYPE html>
<html lang="en">
  <body>
    <button>Share</button>
  </body>
</html>

页面上没有运行 CSS、Javascript 或任何其他脚本，但我仍然看到延迟高达 240 毫秒。我正在使用 Chrome 的“性能”选项卡来测量结果。有什么改进建议吗？

pagespeed
Martin Hope
Evgeniy
Asked: 2023-10-24 22:17:59 +0800 CST
  • 5

我的意思对吗：

在 javascript 和 CSS 中，使用相对 url 引用自己的资源可以避免 SSL、DNS 等多重延迟，并实现加载时间增益。

示例： background:url('../img/image.gif')比background:url('https://www.example.com/img/image.gif')

pagespeed