www.iab.com/newadportfolio
#IABNewAdPortfolio
© 2017 IAB Technology Laboratory
Shared Libraries and Resources
Browser caching capabilities benefit all parties by
eliminating the need to download previously requested
resources that already exist on the user’s device.
Advertisers (Creative developers) are encouraged to
take advantage of browser caching functionality by linking
to shared libraries hosted on the Ad Serving party’s
(Publisher ad server or third-party ad server) domain that
are used across campaigns.
Please refer to the IAB HTML5 Resources wiki
(https://wiki.iab.com/index.php/HTML5_for_Digital_Advert
ising_Resources) for commonly used shared libraries and
check with the ad serving party for the ones that are
hosted.
Publishers and first-party ad servers should specify the
shared library name(s) and originating CDN url(s) that are
exempt and can be excluded from file weight calculations
in their ad specifications and guidance to advertisers. They
must provide reasonable notice for the advertiser to
update creative.
Shared libraries that are exempt are allowed a combined
maximum of 50 kB file weight (gzipped) as part of initial
load. No limit is imposed during subload. Any shared
library and CDN NOT specified in publisher or ad server
guidance must be counted in file weight calculations
submitted by advertisers.
Other shared resources for which the publishers
and ad servers are encouraged to take advantage
of browser caching functionality are Web Fonts, DAA
provided AdChoices insertion, and CSS packages
Render Blocking Elements
JavaScript is a render blocking script that blocks the DOM
construction and delays page content rendering.
It is recommended that all JavaScript be executed as
asynchronous and executed inside a sandboxed i-frame.
CSS also blocks rendering. Styles to HTML5 elements can
be implemented in three ways:
1. External CSS: These are CSS files external to the ad
HTML and are referred to by the ad when it wants to
apply a style.
2. Internal CSS: These are CSS definitions that are inside
the ad HTML document
3. Inline Style: In this method, the ad does not call a CSS
element from another file, but each element has its
style defined in the element definition itself
Inline style method is the most efficient of the above
methods and it is recommended to use inline style method
to minimize load time. Embedded styles may also be used.
Since ads are usually not multi-page websites, using
external CSS for ads does not offer the typical advantages
of external CSS and may add file weight and number of
files to the ad load.