Page freezes when loading supporters
Nobody has claimed this yet.
- Dominant language
- Nunjucks
- Stars
- 547
- Forks
- 726
- Avg merge
- 2h 23m
- Merged PRs (30d)
- 3
Description
Whenever I scroll the supporters list into view, the page freezes for several seconds before becoming interactive again. (Safari Technology Preview Release 135 (Safari 15.4, WebKit 16613.1.7.3, macOS 11.6 (20G165)))
I’ve attached a timeline recording, but it looks like the issue is that it takes a long time for Safari to render the 65,000 character HTML string being injected.
www.11ty.dev-recording.json.zip
I used DOMParser to pre-parse the HTML and confirmed that parsing only takes ~2ms, while inserting the node into the document takes around 12 seconds.
Contributor guide
No contributing guide indexed for this repository
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 with the supporters-list rendering path and review the attached timeline recording. Compare the reported DOMParser parsing time with the time spent inserting the generated HTML into the document. Done means scrolling the list into view no longer freezes the page for several seconds in Safari.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100