[STAGING] Audio assets can be stuck pending from long server wait times

[quinnouyang]

Pending JS assets (import statements) seem to block audio ones. Seems to be a server issue that is potentially resolvable in how we import these (get Vite to not optimize dynamic imports using JS?).

Here, we select the bhrama chakra, spam click its diseases, then exit out to the netra chakra and do the same. Notice how the load time for some of the disease JS assets block everything else.

Inconsistently (?) reproducable on Chrome and Safari, macOS. Browser limitation of 6 simultaneous requests?

To reproduce

• Go to staging (as of 10:31 CST 3/15/2024, build is approximately off of https://github.com/staylor7/rare-diseases/pull/32/commits/45a518bb29da112f6891b271304d185efa2fed8e)
• Open Inspect -> Network -> Disable cache (checked) -> Media/Other (optional, but filters network loads to our audio assets)
• Quickly click playback elements (viola, chakra, disease) and note that requests can be pending in a queue (though not necessarily loading one at a time)

## Related Links

• https://stackoverflow.com/questions/39067482/chrome-requests-gets-stuck-on-pending
• https://stackoverflow.com/questions/17004658/chrome-only-loading-6-html5-audio-tags

Chrome

Safari

[quinnouyang]

Beware that site can also be stuck (re)loading, but that seems to be because GoDaddy sucks, e.g.

[quinnouyang]

PAIN.