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

Finn
Reported 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.
Attachments
An example of images and inline videos not loading correctly when safari is using a lot of RAM (1.42 MB, image/png)
2023-05-07 21:20 PDT, Finn 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2023-05-08 06:03:14 PDT
<rdar://problem/109036592>
Finn
Comment 2 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.
Said Abou-Hallawa
Comment 3 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.
Note You need to log in before you can comment on or make changes to this bug.