JSFiddle - React, Tailwind, and code Playground

by Yakir Perlin

HTML

<script>
    // Script goes just before </body>
    // Script from https://varvy.com/pagespeed/defer-images.html
    function init() {
        var imgDefer = document.getElementsByTagName('img');
        for (var i=0; i<imgDefer.length; i++) {
            if(imgDefer[i].getAttribute('data-src')) {
                imgDefer[i].setAttribute('src',imgDefer[i].getAttribute('data-src'));
            }
        }
    }
    window.onload = init;
</script>

          <img  width="400" data-src="https://res.cloudinary.com/demo/image/upload/w_400,dpr_2/string_1.jpg"
          src="https://res.cloudinary.com/demo/image/upload/w_40,q_auto:eco/string_1.jpg">