Утренняя беседа с блоггером Ю Яо,Я видел в его блоге статью об оптимизации js для Google Alliance.,Из-за неловкой ситуации Google в стране,Возможно, он перетаскивается при загрузке js на веб-странице.,Затем он дал мне еще одну статью об оптимизации Google Alliance js.,Потом я посмотрел на скорость загрузки моего веб-сайта,Конечно же, скорость загрузки Google js очень низкая.,Самое медленное ускорение достигло 6,19 с.,Остальные две десять секунд + должны быть ресурсами изображения.,Вы можете игнорировать это сейчас. Хотя мой веб-сайт не очень быстро открывается,Но мы не можем так тянуть с этим.,Пришло время навести порядок,веб-сайткромеБайдуРеклама Альянса,Но скорость не такая медленная,И Байду тоже надо убрать с прилавков.,В общем никакой прибыли,Реклама слишком ограничивает,Это действительно не так хорошо, как Google,Как показано на картинке,Взгляните,Просто скорость,Ух. . .

Решение:

Сначала копируем рекламный код блока (неавтоматическая реклама), полученный Google AdSense. Код следующий:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8840255125180942"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-yourid"
     data-ad-slot="ваш идентификатор"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Код получен,Мы видим, что код на самом деле можно разделить на две части.,Один из них — это js-код,с последующим<ins>код,Текущая идея настоящего кода Google очень проста,Есть два варианта оптимизации js,Один из них — установитьфункция setTimeout(),setTimeout() Метод используется для вызова функции через указанное количество миллисекунд, поэтому мы можем оптимизировать js-код:

<script>
window.onload = function() {
    setTimeout(function() {
	let script = document.createElement("script");
	script.setAttribute("async", "");
	script.src = "https://pagead2.googlesyndiction.com/pagead/js/adsbygoogle.js?client=ca-pub-Цифровой идентификатор издателя";
	document.body.appendChild(script);
    }, 2000);
};
</script>

Смысл кода в том, что время рекламы задерживается асинхронно, что может ускорить загрузку! Время задержки (2000) можно настроить!

Другой метод был представлен в блоге Ю Ю. window.addEventListener Чтобы добиться ленивой загрузки рекламы Google, вы можете напрямую скопировать ее, использовать и разместить на веб-сайте. head ,Измените пример следующим образом：(рекомендуется)

<script type="text/javascript">
    function downloadJSAtOnload() {
        var element = document.createElement("script");
        element.setAttribute("async", "");
        element.src = "https://pagead2.googlesyndiction.com/pagead/js/adsbygoogle.js?client=ca-pub-Цифровой идентификатор издателя";
        element.setAttribute("crossorigin", "anonymous");
        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>

Это соответствует официальному требованию Google о невозможности изменения кода.,Рекомендуется разместить js в шапке нашей страницы.,Даже если несколько страниц будут называться одинаково,а потом<ins>и<script>код Поместите его в положение интерфейса веб-рекламы.,Например:

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-publisher числовой идентификатор"
     data-ad-slot="Цифровой идентификатор издателя"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Это действительно улучшит скорость загрузки,И я тоже нашел проблему,После оптимизации ошибки js страницы сократились с исходных 10 до 3.,Это действительно неожиданный выигрыш.,На самом деле, онлайнУчебникЕсть еще много,Почти то же самое,В основном это реализуется посредством асинхронной загрузки.,хорошо,Если у вас есть какие-либо вопросы, пожалуйста, оставьте сообщение