Google AdSense-это программа монетизации под управлением Google. Это по-прежнему самый надежный способ заработать деньги в интернете для многих издателей. Одна из распространенных проблем издатели часто сталкиваются с тем, что Google AdSense влияет на нашу первоначальную скорость блога. Из-за отсутствия контроля над оптимизацией ресурсов, мы просто грустим.
Как YouTube видео эскиз, они должны использовать WebP для изображений рекламных блоков. Ирония заключается в том, что иногда они не утруждают себя сжатием gzip или уменьшением ресурсов. Массивные ресурсы и дополнительные нагрузки многих DNS поиска, убить нашу скорость страницы, как ад.
AdSense почему так медленно?
Несколько месяцев назад, когда я написал в Твиттере проблему скорости рекламного блока, я не получил удовлетворительного ответа. Я вернулся с решением, которое предотвратит AdSense от замедления загрузки исходного контента.
Честно говоря, я лично не большой поклонник ленивой загрузки даже для изображений. Но все же, я просто хочу поделиться вариантом. Если вы хотите, вы можете попробовать один раз, если вы очень заинтересованы в обслуживании основного контента в первую очередь, перед рекламными блоками. Как настроить отложенную загрузку для Google AdSense
Инструкция по настройке отложенной загрузки для AdSense
Посмотрите, как выглядит оригинальный код рекламного блока.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>Технические подробности: В основном то, что происходит, что он загружается в асинхронной форме, означает, что браузер продолжает загрузку adsbygoogle.JS скрипт без блокировки разбора HTML.
Но здесь, в методе ленивой загрузки, я собираюсь изменить метод ASYNC на real DEFER.Скрипт AdSense начнет загрузку в браузере, как только окно завершит загрузку главной веб-страницы.В этом путе, посетитель не должен ждать для видеть всю страницу быстро для AdSense.
Для этого не нужно вносить большие изменения в рекламный блок. Просто изменим стиль загрузки adsbygoogle.это сделает всю магию.
Все, что вам нужно следовать ниже два шага
- Прежде всего, удалите скрипт ниже из всех рекламных блоков.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>- После этого добавьте ниже код JavaScript в нижний колонтитул темы, возможно, перед тегом < / body
<!--noptimize-->
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
<!--/noptimize-->Намек: Noptimize тег, чтобы сделать совместимым с Autoptimize плагин. Это предотвратит агрегирование AdSense lazy loader inline JS.
- Выше код, вы можете использовать через опцию темы, если доступно для добавления пользовательского скрипта
- Для Genesis, использовать через Genesis простой плагин hook с опцией
genesis_after - или Header and Footer плагин для любой другой темы.
Что именно делает этот скрипт?
Этот скрипт гарантирует, что ваш рекламный блок AdSense начнет загружаться и станет видимым после завершения загрузки главной веб-страницы. Вот почему я назвал его, ленивая загрузка для Google AdSense.
Этот метод может повлиять на доход из-за меньшего количества показов объявлений.