CRITICAL: Handbook is barely usable in Safari on mac

microsoft / TypeScript-Website

The Website and web infrastructure for learning TypeScript

https://www.typescriptlang.org

Creative Commons Attribution 4.0 International

2.23k stars 1.37k forks source link

CRITICAL: Handbook is barely usable in Safari on mac #3207

Open bubokko opened 2 months ago

bubokko commented 2 months ago

In Safari (any version) on mac, Handbook is very slow. It looks like the long pages are somehow rendered dynamically and it's really bad in Safari. When scrolling, it often crashes or renders empty content that never appears anymore. Terrible user experience.

It's fine in Chrome.

Tested on MacBook Pro M2 Pro.

Page URL: https://www.typescriptlang.org/docs/handbook/

Issue: it's slow and barely usable

makkeu commented 2 months ago

Same issue here with MacBook M1 Pro and Intel iMac. Chrome is fine. Navigation is super slow, takes seconds to change the page and feels like whole UI is blocked.

jeremywiebe commented 2 days ago

I took a video of what this looks like. Basically, initial load is really slow and then any scrolling results in very long jank (delays) before rendering at the new scroll position. I've also taken a performance capture of the page and attached the Export (and a screenshot). I see that the "Composite" and "Paint" steps seems to be the culprits, but I'm not sure how to interpret that.

https://github.com/user-attachments/assets/082efe1b-5a6e-4e5e-8136-415ef6e26c25