[Defer Third Party Scripts] Defer third party scripts #javascript #html #public

public-defer-javascript.html

<script type="text/javascript">

    var app = {
        init: function() {
            window.addEventListener('scroll', function() {
                if (window.__he == undefined) {
                    app.load();
                }
            });
            window.addEventListener('mousemove', function() {
                if (window.__he == undefined) {
                    app.load();
                }
            });
        },
        load: function() {
            var script = document.createElement('script');
            script.src = '//healthengine.com.au/webplugin/appointments.js';
            script.defer = true;
            script.setAttribute('data-he-id', 'foo');
            script.setAttribute('data-he-button', 'true');
            script.setAttribute('data-he-img', 'HE_BOOKNOW_1.png');
            document.getElementById('health-engine').appendChild(script);
            script.onload = function() {
                window['__he'] = true;
            }
            window['__he'] = true;
        }
    };
    
    app.init(); 

</script>