image-loading-lazy-slow.html (782B)
1 <!DOCTYPE html> 2 <html class="reftest-wait"> 3 <link rel="match" href="image-loading-lazy-slow-ref.html"> 4 <link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> 5 <link rel="help" href="https://html.spec.whatwg.org/multipage/#the-img-element"> 6 7 <script src="/common/reftest-wait.js"></script> 8 <img id=target loading="lazy" 9 width="330" height="254" style="border: 1px solid black"> 10 <script> 11 let loaded = false; 12 target.onload = () => { 13 if (loaded) return; 14 loaded = true; 15 target.src = ""; 16 requestAnimationFrame(() => requestAnimationFrame(() => { 17 target.src = "resources/image.png?loading-lazy-slow&pipe=trickle(d2)"; 18 takeScreenshot(); 19 })); 20 }; 21 target.src = "resources/image.png?loading-lazy-slow"; 22 </script>