title: onLoad event of <img /> tag does't fire on initial page access
body: <p>Consider following component</p>
  
  <pre><code>import React from 'react';
  
  function Image() {
    function onLoad() {
      console.log("Loaded...")
    }
  
    return (
        &lt;img
          src="http://..."
          onLoad={onLoad}
          decoding="async"
        /&gt;
    );
  }
  
  export default Image;
  </code></pre>
  
  <p>For some reason <code>onLoad</code> event isn't firing consistently i.e. when I initially load the page and refresh it it is not triggered, but when I mount component interactively in react i.e without page load it is triggered.</p>
  
  <p>I played around with removing <code>decoding="async"</code> and adding <code>onError</code> handler to see if those gave more info, but behaviour didn't change.</p>
  
  <p>I see this same behaviour on macOS safari and chrome browsers.</p>
  
  <p>EDIT: In cases where it doesn't work image is not loaded at all</p>