Created attachment 463319 [details] Example audio media elements Our application has a significant number of audio elements that are created, with preload=none. On all non-webkit browsers, this currently does not cause a problem. However on iOS safari, chrome, firefox, and Mac Safari, there are several seconds of the page fully freezing when the new audio tracks are created. This issue completely disappears when the audio elements are removed from their locations, so the web application is clearly reading them. See attached screenshots of the behavior.
Created attachment 463320 [details] When a large number of audio tag are created, even when preload=none, there is a long period of max CPU and little other activity
Created attachment 463321 [details] Whereas the issue fully disappears if audio is moved, leading us to the conclusion that the page is trying to either preload the audio or fetch metadata
<rdar://problem/102040607>