Как ускорить загрузку страниц, содержащих рекламные блоки

Из соображений производительности (см. YSlow для более детальной информации), вы всегда должны размещать рекламные баннеры, которые загружают JavaScript, в конце страницы. Но что делать, если скрипт внутри баннера использует document.write(), как Google AdSense, и большинство других рекламных сетей?

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

Как это работает на примере загрузки рекламного блока Google Adsense.

<html>
<body>
 <div>какой-то текст до объявления</div>

 <div id="ad_block"></div>

 <div>какой-то текст после объявления</div>


 <div id="ad" style="display:none;">
  <script type="text/javascript">
        google_ad_client = "pub-XXXXXXXXXXXXXXX";
        google_ad_slot = "XXXXXXXXXX";
        google_ad_width = 468;
        google_ad_height = 60;
  </script>
  <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>
 </div>
 <script type="text/javascript">

  // переместить его в реальную позицию отображения
  document.getElementById('ad_block').appendChild(document.getElementById('ad'));

  // показать
  document.getElementById('ad').style.display = 'block';

 </script>

</body>
</html>

Как ускорить загрузку страниц, содержащих рекламные блоки

Комментарии

Оставить комментарий