I want to be able to record the time when an image begins loading. Specifically, I append an image to the DOM, then I want to log when the browser begins the request & when the request completes.

I can log when the request completes by adding a handler to the load event.

How can I listen / log when the browser begins the request?

(Note, it is not as simple as tracking the time of appending to the DOM in JS as additional things may happen before the DOM flushes / other resources may be loading before the image)