Slow load times and flickering in Safari
还没有人认领这个 Issue。
- 主要语言
- JavaScript
- 星标
- 11.8k
- 派生
- 7.9k
- 平均合并
- 1 天 11 小时
- 30 天内合并 PR
- 11
描述
I've been going through the react.dev docs and noticed that they feel sluggish:
https://github.com/reactjs/react.dev/assets/513444/0679274a-9325-4975-afea-b7e5315cffc2
I still see a little bit of flickering on Chrome, but I wouldn't consider it problematic there:
https://github.com/reactjs/react.dev/assets/513444/d1faca05-2606-4bf0-b680-c9f67e2b9fdf
The new site has a lot of interactive elements so it's not fair to compare it with the legacy site, but legacy is an order of magnitude faster:
https://github.com/reactjs/react.dev/assets/513444/fabe323d-e3d4-44d1-b5b7-f42bdcdabfa7
I think there are two separate issues:
- Some (larger) pages take several seconds to load
- Scrolling in Safari makes the screen flicker
This is on Safari Version 17.2.1 (19617.1.17.11.12) on Sonoma 14.2.1 (23C71). 2,6 GHz 6-Core Intel Core i7 MacBook Pro 16. Let me know if you need any other information to help debug.
贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
调研方向
首先,在 react.dev 较大的文档页面上使用 Safari 17.2.1 重现所报告的行为,利用链接的录制内容,并将其与 Chrome 和旧版网站进行比较。当加载缓慢和 Safari 滚动时闪烁的问题得到解决或被明确隔离,并且已在所报告的浏览器中检查该行为时,即视为完成。
由索引模型根据 Issue 内容生成。
评估
- 技术栈
- javascript, react
- 领域
- documentation, frontend, performance
- Issue 类型
- 缺陷
- 难度
- 4/5
- 预计耗时
- 3-5 天
- 活跃度
- 停滞
- 描述清晰度
- 需要澄清
- 新手友好度
- 25/100