Отложенная загрузка iframe

Тег iframe создает окно, которое находится внутри обычного документа, и оно позволяет загружать в область заданных размеров любые другие независимые документы. Так как он загружается с внешнего источника, естественно он влияет на скорость загрузки страницы. Как вариант можно отложить на некоторое время загрузку окна iframe, чтобы страница загрузилась быстрее, тем самым увеличить ее показатели pagespeed.

Итак, сам код:

<iframe id="map0921" style="border: 0;" src=" " width="100%" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

1	<iframe id="map0921" style="border: 0;" src=" " width="100%" height="450" frameborder="0" allowfullscreen="allowfullscreen"></iframe>

В нужном месте сайта ставим фрейм с пустым значением src.
Далее в footer.php вашей темы, нужно скопировать такой скрипт:

	 <script>
window.onload = function(){
	setTimeout(function(){
  	document.getElementById('map0921').src = 'ваш урл';
	},5000);
};

 </script>

window.onload = function(){

setTimeout(function(){

document.getElementById('map0921').src = 'ваш урл';

},5000);

};

</script>

5000 – это задержка в миллисекундах.

Post Views: 288

О авторе: Volodymyr Chui

Я занимаюсь веб-разработкой и freelance более 4-х лет, ранее работал 5 лет в банковской сфере, в отделе it-технологий. Специализируюсь на таких популярных CMS: WordPress, Drupal и Joomla. Разрабатываю сайты любой сложности, среди которых: блоги, landing page (лендинги), интернет-магазины, сайты-визитки, корпоративные сайты и прочее.