Как ускорить загрузку страниц, содержащих рекламные блоки
Из соображений производительности (см. 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>
(#) Музыкальный магазин:
а как именно скорость увеличить?
(#) Анекдот:
Действительно, не совсем понятно…