Как отложить загрузку JS на 3 секунды после загрузки страницы?

Question

[Алексей Хорошевский]

Здравствуйте. Есть хорошая статья. Там показан пример "обмана" Google PageSpeed Insights. Проверил - работает. От +15 до +20 баллов к оценке.

Есть рекламный код Google:

<script data-ad-client="ca-pub-123456789789654" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Подскажите, пожалуйста, как сделать также, как в примере с JivoSite? Можно проще. Запускать выполнение скрипта через 3 секунды после окончания загрузки страницы.

Answer 1

[Sergo Zar]

setTimeout(function(){весь код}, 3000);

Comments

[Алексей Хорошевский]

К сожалению, не помогло. Google PageSpeed Insights всё равно учитывает рекламный код.

[Sergo Zar]

Тогда не знаю((

[Алексей Хорошевский]

Sergo Zar, жаль. Но всё равно спасибо.

[Sergo Zar]

Алексей Хорошевский, попробуйте так:

function wait(ms){
   var start = new Date().getTime();
   var end = start;
   while(end < start + ms) {
     end = new Date().getTime();
  }
}

console.log('before');
wait(3000);  //7 seconds in milliseconds
console.log('after');

Взял тут https://stackoverflow.com/questions/14226803/wait-...

[Araik]

Алексей Хорошевский, попробуйте добавить к подключаемый скриптам атрибут defer

<script defer src="example.js"></script>

[Алексей Хорошевский]

Sergo Zar, а куда там добавлять вот это?

<script data-ad-client="ca-pub-123456789789654" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

[Алексей Хорошевский]

Araik, async и defer не помогли. Пробовал уже.

[Sergo Zar]

Алексей Хорошевский, тип так:

<script>
function wait(ms){
   var start = new Date().getTime();
   var end = start;
   while(end < start + ms) {
     end = new Date().getTime();
  }
}
 wait(3000);
</script>
<script data-ad-client="ca-pub-123456789789654" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Имхо.

[Алексей Хорошевский]

Sergo Zar, к сожалению, не помогло.

[Araik]

Алексей Хорошевский, можете адаптировать скрипт отложенной загрузки для яндекс.карт (нашел на просторах инета)

// LazyLoad YandexMap
    let map_container = document.getElementById('map_container');
    let options_map = {
        once: true,//once start, thereafter destroy listener
        passive: true,
        capture: true
    };
	if (map_container) {
		map_container.addEventListener('click', start_lazy_map, options_map);
		map_container.addEventListener('mouseover', start_lazy_map, options_map);
		map_container.addEventListener('touchstart', start_lazy_map, options_map);
		map_container.addEventListener('touchmove', start_lazy_map, options_map);
		map_container.addEventListener('DOMContentLoaded', start_lazy_map, options_map);
    
	}
    let map_loaded = false;
    function start_lazy_map() {
	
        if (!map_loaded) {
            let map_block = document.getElementById('ymap_lazy');
	
            map_loaded = true;
            map_block.setAttribute('src', map_block.getAttribute('data-src'));
            map_block.removeAttribute('data-src');
            console.log('YMAP LOADED');
        }
    }

[Алексей Хорошевский]

Araik, спасибо за код. К сожалению, не смогу его адаптировать. Так как с JS не знаком.