reactjs - 为什么脚本评估需要这么长时间?

我正在使用 gatsbyjs 并尝试尽可能地优化我的网页 ( https://www.rün.run )。运行 PageSpeed 给了我一些不错的结果。我想知道的是,为什么脚本评估需要这么长时间?我的 js 包大小只有 257 kb(gzipped)。

看起来 react 水合作用需要时间。那么是因为 react 吗?或者我的 DOM 树有很多元素?

直接链接到 PageSpeed:https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fwww.xn--rn-xka.run%2FKalista%2Fadc&tab=mobile

我的目标也是只让移动设备的值为 100。我怎样才能进一步改进?

最佳答案

是的,好像rehydrate需要这个时间。我已经用只包含一个文本的简单组件进行了尝试,但仍然有一些(对于这种情况来说相当长)时间用于主线程工作和 JavaScript 执行时间。 同样的事情,如果你要测试 https://store.gatsbyjs.org/

但是无论如何,即使由于这个问题,gatsby 的结果也非常好

https://stackoverflow.com/questions/56300535/

相关文章:

android-security - Google Play - 不安全解压缩模式漏洞的安全警报

angular - 在 Azure 应用服务上部署多个 Angular 单页应用程序

airflow - 无法在 GCP 上创建 Composer 环境

selenium - 在失败场景的范围报告 4 中添加屏幕截图

vue.js - 如何使用 vue.js 和 element-ui 的文件上传组件在上传到服务器之前

django-rest-framework - 是否可以将搜索过滤器与查找表达式不是 `exact`

python - 在数据框中查找特定元素的列名

python - Python 3 中的 XMPP 线程接收器

json-rpc - 在 json-rpc Web 服务上返回 Auth 错误代码

sqlite - 升级 SQFLITE : Unhandled Exception: Databas