<div>Using Asynchronous Tags can help you get faster banner load times. We look at what async tags can do for you and how to use them.</div>

<h1>Using Asynchronous Tags</h1>

EXADS has added the ability for Publishers to use Asynchronous Tags for desktop and mobile banners ad zones. When creating either of these zone types, Publishers can use these tags to ensure that zones are loaded onto the page asynchronously. 
<img src="/assets/436b3dfb-696a-4b3b-a889-998039ccdc58" alt="" width="1999" height="937" />
<h2>Why Use Asynchronous Tags?</h2>
<ul>
<li style="font-weight: 400;" aria-level="1">The ads can load asynchronously, meaning that other content can load alongside the ads. This will increase performance when used on well-optimized sites.</li>
<li style="font-weight: 400;" aria-level="1">Publishers can now use a single request to get multiple ad zones on the same page. This is more efficient and will lead to a performance increase also.</li>
<li style="font-weight: 400;" aria-level="1">This script avoids using some outdated JavaScript features which many developers are moving away from.</li>
</ul>
As a Publisher, you can of course continue to use the two older scripts we provide: Standard and iFrame. Currently, some Publishers use the iFrame to ensure their page never gets blocked from loading. They can continue to use it, but this new script has the same advantages, only with increased performance and ease of use. Google rankings of sites are partially based on performance, so the performance increase can result in improved Google rankings also.
<h2>Using Asynchronous Tags</h2>
To use an asynchronous tag, from the main screen of the Admin Panel, click on New Zone and select either Banner or Mobile Banner. Once you have filled in the details for the new zone, you will be taken to the Your Zone HTML Tag screen. From the Select tag type drop-down, select Asynchronous Script.
<img src="/assets/cf404152-153d-4d7c-b8e8-8fb1ad337263" alt="" width="1999" height="998" />This will create an asynchronous script like this:
<blockquote>
&lt;script async type="application/javascript" src="https://a.examplesite.com/ad-provider.js"&gt;&lt;/script&gt;&nbsp;&lt;ins class="adsbynetwork" data-zoneid="1234567"&gt;&lt;/ins&gt;
&lt;script&gt;
(AdProvider = window.AdProvider || []).push({"serve": {}});
&lt;/script&gt;
</blockquote>
You can use this script to show either a single zone that is loaded asynchronously or to put multiple existing banner zones onto a single page.
<h2>Single Zone</h2>
To use the script for a single zone, simply copy the code onto your site as you do with any normal script.
<h2>Multiple Zones</h2>
To use this script for multiple zones, copy the code onto your site, and repeat the middle section, the &lt;ins&gt; element, for each zone you wish to put on the page. Replace the data-zoneid with the id for these existing zones (e.g. 111, 222, 333):
<blockquote>
&lt;script async type="application/javascript" src="https://a.examplesite.com/ad-provider.js"&gt;&lt;/script&gt;
&lt;ins class="adsbynetwork" data-zoneid="111"&gt;&lt;/ins&gt;
&lt;ins class="adsbynetwork" data-zoneid="222"&gt;&lt;/ins&gt;
&lt;ins class="adsbynetwork" data-zoneid="333"&gt;&lt;/ins&gt;
&lt;ins class="adsbynetwork" data-zoneid="444"&gt;&lt;/ins&gt;
&nbsp;&lt;script&gt;
(AdProvider = window.AdProvider || []).push({"serve": {}});
&lt;/script&gt;
</blockquote>
<h2>Performance Benefits of Using Asynchronous Scripts</h2>
Document.write can impede performance, as it blocks the rendering of the entire document until it is complete. It is not normally used for regular banners, as we can use other ways of rendering content there.
HTML Banners, however, may have HTML and Javascript of their own, which may use document.write, and other code specific to them. To avoid any problems with this specific code, we constrain HTML banners within an iFrame.
If a document.write is used inside this iFrame it is not detrimental to performance, as it is not preventing anything from loading on the main page. The new asynchronous script doesn't need to use document.write for anything except HTML Banners, and will never suffer from performance issues related to document.write when serving them.
<h2>Async Tag Speed Test</h2>
We have tested three tags on a blank website with different EXADS ad formats. The objective was to measure the amount of time it took for the page to become fully interactive (Time To Interactive) using Google PageSpeed Insights. The results are shown in the following table:&nbsp;
<table style="border-collapse: collapse;">
<tbody>
<tr>
<td style="width: 22.9416%;">
Tag
</td>
<td style="width: 29.086%;">
Desktop
</td>
<td style="width: 28.2872%;">
Mobile
</td>
</tr>
<tr>
<td style="width: 22.9416%;">
sync
</td>
<td style="width: 29.086%;">
587 ms
</td>
<td style="width: 28.2872%;">
1663 ms
</td>
</tr>
<tr>
<td style="width: 22.9416%;">
iFrame
</td>
<td style="width: 29.086%;">
238 ms
</td>
<td style="width: 28.2872%;">
810 ms
</td>
</tr>
<tr>
<td style="width: 22.9416%;">
async
</td>
<td style="width: 29.086%;">
232 ms
</td>
<td style="width: 28.2872%;">
790 ms
</td>
</tr>
</tbody>
</table>
As you can see, there is a significant improvement in ad loading speed using async tags compared to the previous sync tag. Specifically, there is a 2.5-fold increase on Desktop and a 2-fold increase on Mobile. The async tag is also slightly faster than the load times of iFrames. This is because async tags don&rsquo;t block the page while they load. Using the new async script, website content can load while the ads are requested, which has a positive impact on the overall page load times.
<h2>Video</h2>
Please view the video to find out about asynchronous tags:
<iframe src="https://www.youtube.com/embed/A3iZuh32Vgk" width="560" height="314" allowfullscreen="allowfullscreen"></iframe>
<h2>Further Reading</h2>
<a href="https://docs.exads.com/docs/blog-announce-async-tags/" target="_blank" rel="noopener">Asynchronous Tags</a>
&nbsp;