Загружаем скрипты после onload, для оптимизации pagespeed

Подробности

Категория: Полезные статьи

Небольшой скрипт для загрузки скриптов после некоторого времени

        function onloAdappend(script)
        {
            var d=document;
            var w=window;
            function l()
            {
                var s = document.createElement('script');
                s.type = 'text/javascript';
                s.async = true;
                s.src = ''+script;
                var ss = document.getElementsByTagName('script')[0];
                ss.parentNode.insertBefore(s, ss);
            }
            if(d.readyState=='complete')
            {
                l();
            }
            else
            {
                if(w.attachEvent)
                {
                    w.attachEvent('onload',l);
                }
                else
                {
                    w.addEventListener('load',l,false);
                }
            }
        }
        function hide_red(){
            $('#show-red').hide();
        }

        setTimeout(onloAdappend('/js/slick.min.js'),2500);

Вариант попроще, для аналитики и других скриптов на странице

document.addEventListener('DOMContentLoaded', () => { setTimeout(function(){ /* * Код метрик или аналитики */ }, 2000); });