5 Steps to Improve the Speed of your ad Placements

Ad Optimization
Last updated: November 6, 2020 | by Kean Graham

This post was most recently updated on November 6th, 2020

We have been writing about speed these days – and why not? Speed is everything, especially in the mobile ad game. Ever since Google introduced their mobile-first algorithm, publishers moved in automatic rhythm to follow-through. As we all know, a faster site = increase ad revenues. If you have practiced our tips on how to make your site load fast, this time we are sharing how you can make your ad placements speed up!

5 ways on how to increase the speed of your ads:

1) Review your Passbacks

Waterfalling or using passbacks is common practice for ad optimizers. However, this kind of setup has caused ‘Latency’ – which decreases ad viewability. To combat this, do a regular check of your passbacks. Identify which ad servers are contributing to latency. Better yet, go for header bidding technology.

2) Configure Lazy Loading

Lazy loading is a method where ads only show up when the user is present at that particular content area/section of your site. The ads will load one by one as you scroll down the page, hence a footer ad appears only when you are at the bottom part of the site. Lazy loading is sometimes referred to as ‘Smart Loading’. It makes sure ad viewability is top performance.

3) Inline CSS

HTML best practices tell us that calling an external CSS file is best to keep a good content-to-code ratio. However, if you are going for speed, better to create a <div> to house your ads. Split the CSS by having a separate inline CSS for above-the-fold (ATF) ad placements. Hard-code the ad so it loads faster, instead of calling an external CSS file that requires an additional HTTP request before it shows up.

Sample: a 50x50px div should be coded as: <div style=”height:50px;width:50px”>

4) Compress Image Size

Minify your images. Optimize them for maximum speed. In mobile sites, for example, it is advisable to keep elements under 1000 bytes for optimum user experience. There are choices in plugins and apps to help you reduce the size of your images.

5) AMP & Responsive Design

Google rolled out AMP – short for Accelerated Mobile Pages to offer a faster, delightful user experience for mobile search users. As you know, a faster mobile site means faster loading of ads. AMP actually displays ads more quickly than a regular mobile site – even with the presence of passbacks.

If your site is not yet fully-responsive, now is the best time to do so. We have written about mobile responsive ads here and here, as well as the beginners guide to AMP.

Get your ad placements to load like lightning speed. Our expert ad optimization teams are standing by, ready to improve your ad monetization strategy and take your ad revenue to the next level! Sign up to get started today!

Ad Ops Tips & Guides, Industry News, Latest Tech and Success Stories - right in your inbox.

We are committed to protecting you Privacy Data

Here’s the course that 300+ pubs used to scale their ad revenue.

Enroll today

Book Banner

Recommended Reading

AdTech Industry Definitions
November 28, 2022

What Is Google Ad Manager – How to 10X Revenue with GAM?

Read More
Ad Servers
November 27, 2022

Best Ad Server Platforms For 2023

Read More
Ad Blocking
November 25, 2022

Simple Strategies For Publishers To Combat Ad Blockers

Read More

Enjoying this post? Let's put things to action

Get started