Slow load times and flickering in Safari
Nobody has claimed this yet.
- Dominant language
- JavaScript
- Stars
- 11.8k
- Forks
- 7.9k
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 11
Description
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.
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start by reproducing the reported behavior in Safari 17.2.1 on the larger react.dev documentation pages, using the linked recordings and comparing them with Chrome and the legacy site. Done means the slow loads and Safari scrolling flicker are resolved or clearly isolated, with the behavior checked across the reported browsers.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript, react
- Domain
- documentation, frontend, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100