Bug 256441 - Safari 16.4.1 using a lot of memory and not displaying inline videos and lazy loaded images correctly
Summary: Safari 16.4.1 using a lot of memory and not displaying inline videos and lazy...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 11
: P2 Normal
Assignee: Nobody
URL: https://claireskinner.com/projects/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-05-07 21:20 PDT by Finn
Modified: 2023-08-22 12:43 PDT (History)
9 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.