Bug 256441

Summary: Safari 16.4.1 using a lot of memory and not displaying inline videos and lazy loaded images correctly
Product: WebKit Reporter: Finn <finn>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bfulgham, eric.carlson, hi+webkit, jer.noble, mmaxfield, sabouhallawa, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Intel)   
OS: macOS 11   
URL: https://claireskinner.com/projects/
Attachments:
Description Flags
An example of images and inline videos not loading correctly when safari is using a lot of RAM none

Description Finn 2023-05-07 21:20:42 PDT 
Created attachment 466268 [details]
An example of images and inline videos not loading correctly when safari is using a lot of RAM

When visiting the site https://claireskinner.com/projects/ which has a lot of inline videos playing, Safari 16.4.1 is using up to 4gb of memory in Activity monitor and is not loading images correctly. The attached image shows an example of the end result. Loading of these pages also takes up to 30 seconds. All javascript related activity seems to be delayed significantly.
Comment 1 Radar WebKit Bug Importer 2023-05-08 06:03:14 PDT 
<rdar://problem/109036592>
Comment 2 Finn 2023-05-09 12:04:24 PDT 
This seems to be an issue when serving AVIF images. The problem stopped when I changed to using jpg instead.
Comment 3 Said Abou-Hallawa 2023-05-09 15:01:22 PDT 
This bug is reproduced on macOS 11 (macOS Big Sur) which means WebKit uses the libavif to decode the AVIF images. On macOS 13 (macOS Ventura) the the page https://claireskinner.com/projects/ loads fast. In the activity monitor this pages allocates 378MB.