【问题标题】:React Nextjs bad performance with almost empty app用几乎空的应用程序反应 Nextjs 糟糕的性能
【发布时间】:2021-12-31 11:40:12
【问题描述】:

我创建了一个新的 Nextjs 项目并部署到 Vercel。

这个项目几乎还是空的,只有一个 div 上面有很少的文字, 但灯塔中的性能:交互时间 - TTL 和总阻塞时间 - TBT 已被标记为问题。

是什么原因造成的?

【问题讨论】:

  • 通常最好在禁用扩展的隐身模式下进行测试。也可以使用官方工具web.dev/measurepagespeed.web.dev进行测试。他们都为您的网站提供了近乎完美的分数。显示的唯一机会是“减少初始服务器响应时间”,这是因为 vercel 托管的免费性质。使用专用主机来克服它。

标签: reactjs next.js server-side-rendering vercel lighthouse


【解决方案1】:

这很奇怪,Lighthouse 在我的电脑上显示了你网站的近乎完美的分数。

你是:

  • 使用了一些可能影响性能的浏览器插件?
  • 有时互联网连接速度较慢?

我记得有广告拦截器在我的网站上为我的 Google Analytics(分析)标签生成了一些控制台错误和警告,这降低了分数,直到我在我的特定网站上禁用了该插件。

【讨论】:

    猜你喜欢
    • 2020-04-21
    • 1970-01-01
    • 2015-05-11
    • 2021-04-09
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-12-19
    相关资源
    最近更新 更多