Bug 290845

Summary: fakecake.org: Stutters in animation compared to Chrome Canary
Product: WebKit Reporter: Ahmad Saleem <ahmad.saleem792>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: bfulgham, graouts, graouts, sabouhallawa, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: BrowserCompat, InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
URL: https://fakecake.org
Bug Depends on:    
Bug Blocks: 243816    

Ahmad Saleem
Reported 2025-04-01 08:22:26 PDT
Hi Team, While going through random website to figure out `tiny tiny rss`, in the picture, there was `fakecake` website, so I just typed to see what it is. I straight away noticed that the website had choppy animation compared to Chrome Canary 136.0.7100.0 so I raise this bug so we can track and fix it. URL - https://fakecake.org Thanks!
Attachments
Radar WebKit Bug Importer
Comment 1 2025-04-01 08:22:49 PDT
Antoine Quint
Comment 2 2025-05-14 05:29:40 PDT
So the performance issue is most easily reproducible with a very large window, preferably not on a laptop, but with an external monitor and a fullscreen window. This content paints everything in a single layer, and the first `<div class="cloud">` element has a CSS gradient as its background. Getting rid of this gradient improves performance, and so does forcing it into a layer using `will-change: transform`. Changing the component to Layout and Rendering.
Said Abou-Hallawa
Comment 3 2025-09-18 15:42:52 PDT
This was fixed by 295269@main. See bug 293212. *** This bug has been marked as a duplicate of bug 293212 ***
Note You need to log in before you can comment on or make changes to this bug.