Асинхронный рекламный код

06.10.2017 01:07:04 pm

Асинхронный рекламный код - позволяет сократить время загрузки страницы, так как не мешает загрузке других элементов страницы.

Возьмем к примеру обычный код РСЯ (Рекламная Сеть Яндекса), вот он выглядит на моем форуме:

<!-- Яндекс.Директ -->
<script type="text/javascript">
yandex_partner_id = xxxxxx;
yandex_site_bg_color = 'FFFFFF';
yandex_ad_format = 'direct';
yandex_font_size = 1;
yandex_font_family = 'arial';
yandex_direct_type = 'horizontal';
yandex_direct_border_type = 'ad';
yandex_direct_limit = 4;
yandex_direct_title_font_size = 2;
yandex_direct_border_radius = true;
yandex_direct_links_underline = false;
yandex_direct_header_bg_color = 'FFFFFF';
yandex_direct_border_color = 'FFFFFF';
yandex_direct_title_color = '0066CC';
yandex_direct_url_color = '008000';
yandex_direct_text_color = '000000';
yandex_direct_hover_color = 'FF0000';
yandex_direct_sitelinks_color = '0000CC';
yandex_direct_favicon = true;
yandex_no_sitelinks = false;
document.write('<scr'+'ipt type="text/javascript" src="//an.yandex.ru/system/context.js"></scr'+'ipt>');
</script>

Как только загрузка страницы доходит до этого кода, так создается ощущение буд то загрузка встала на паузу, и продолжается она только после того, как рекламный блок будет полностью загружен.
Асинхронный код этого же рекламного блока выглядит так:

<!-- Яндекс.Директ -->
<div id="yandex_ad"></div>
<script type="text/javascript">
(function(w, d, n, s, t) {
    w[n] = w[n] | [];
    w[n].push(function() {
        Ya.Direct.insertInto(xxxxxx, "yandex_ad", {
            ad_format: "direct",
            font_size: 1,
            font_family: "arial",
            type: "horizontal",
            border_type: "ad",
            limit: 4,
            title_font_size: 2,
            border_radius: true,
            links_underline: false,
            site_bg_color: "FFFFFF",
            header_bg_color: "FFFFFF",
            border_color: "FFFFFF",
            title_color: "0066CC",
            url_color: "008000",
            text_color: "000000",
            hover_color: "FF0000",
            sitelinks_color: "0000CC",
            favicon: true,
            no_sitelinks: false
        });
    });
    t = d.getElementsByTagName("script")[0];
    s = d.createElement("script");
    s.src = "//an.yandex.ru/system/context.js";
    s.type = "text/javascript";
    s.async = true;
    t.parentNode.insertBefore(s, t);
})(window, document, "yandex_context_callbacks");
</script>

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

Жалоба