How to Optimize User Experience with Lazy Loading

Reading time: 2 minutes

A webpage downloads and renders its ads as soon as a user opens a new page. This will allow the browser to cache the whole webpage. But, there’s no guarantee that the user will actually view all the downloaded ads. You shouldn’t bulk load all the ads once a user opens a new page. Configure your page so that the ads load as the user accesses specific parts of the page that need it.

Lazy loading[3] is when the ads load as needed while a user scrolls down on a webpage. When an ad slot becomes a certain number of pixels from the bottom of the viewport, it triggers the auction. It initiates the process of filling the ad impressions with header bidding[4]. By the time the requests go out, the ad is in the viewport. The latency reduces for the ad to fill. This results in the publisher[7] receiving the highest CPM[1] due to viewability[5]. Also, the ad is in the viewport longer, so advertisers are happy.

lazy loading-01

Why is lazy loading important to publishers?

Lazy loading is important to publishers for the following reasons:

  • Better user experience – The browser doesn’t need to load the website’s content and ads all at once. The initial page can load more quickly and users can start reading/interacting with page faster.
  • Advertiser[6] (Facebook and Google) preference – Advertisers prefer long-form content over paginated content or galleries because it performs better. Users report higher online visibility, more social sharing, and better link building. As a result of this, many advertisers like buying ads on long-form content since the content performs well.
  • Increased chances of approval with advertising/demand sources –Advertising/demand sources manually check publishers’ page(s) for the look and/or quality of content and user experience. Lazy loading increases your chances of partnering with good advertising/demand sources.

What are the benefits to publishers?

The benefits of lazy loading ads include:

  • Reduces initial load time – Lazy loading reduces page weight (overall size of a web page including HTML documents, style sheets, images, media, etc.) allowing for quicker load time.
  • Raises page viewability – An ad loads when the browser approaches the user’s viewport, meaning that your ads are going to have higher viewability.
  • Increases ad revenue – Higher viewability results in higher CPMs which result in increased ad revenue. 

Should publishers lazy load content and images too? 

Short answer: no. The best practice is to only lazy load ads because Google and other internet browsers scrape your page for SEO[2]. If there is only a small amount of content on the initial page, you’ll see low SEO and overall website scoring. To be on the safe side, you could lazy load images (high quality), but never text.

Terms
1. Cost Per Mille/Thousand [CPM] ( CPM ) Cost per mille, or thousand (mille = thousand in Latin). A pricing model in which advertisers pay for every 1000 impressions of their advertisement served. This is the standard basic pricing model for online advertising. See also CPC and CPA.
2. Search Engine Optimization [SEO] ( SEO ) SEO, also known as Search Engine Optimization, is the process is optimizing a website to rank higher in a search engine. SEO is merely one of the many methods publishers use to send traffic to their sites.
3. Lazy loading. With lazy loading, instead of all the content of a web page being downloaded and loaded all at once, content only loads when the users visit that specific part of the screen as they scroll down. The most significant advantage is saving on bandwidth usage which is especially important in countries where internet speeds are low, and data costs are high.
4. header bidding. Header bidding is an ad technology that allows publishers to earn to most ad revenue possible for their ad inventory by ensuring the highest bidding ad is served.
5. viewability. Viewability relates to the amount of time a user saw an ad.

Recent Articles

Related Articles

Stay connected

Don't miss out on the latest news, events and special announcements.

By submitting this form, you agree that you've read and accept our Privacy Policy as well as to receive communications from HeaderBidding.com. You may unsubscribe at any time.