PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux
No Result
View All Result
PikoPong
No Result
View All Result
Home Web Dev

Fast ads matter

May 26, 2020
in Web Dev
283 9
Fast ads matter


Learn how improving ad speed can increase revenue and makes users happy, and
how to approach ad speed improvements.

Oct 29, 2019

If you’re like most publishers on the web, your business offers a simple value
exchange: you provide content that users find valuable, and in the process
present them with relevant ads to generate revenue. But if those ads slow down
the content, are you really upholding your end of the bargain?

This post explains how fast ads benefit everyone, and how to start investigating
and improving ad speed on your sites.

Why do fast ads matter? #

Fast ads improve the user experience #

Users come to your site to be entertained, get informed, or learn something new,
and they expect your site to load quickly, with minimal interruption. If your
site helps users do that well, they tend to return more often. While ads may be
necessary for your business, if they’re slowing down your site they can create a
tension with the user’s purpose.

The browser has limited resources to work with—memory, CPU, and network
bandwidth. The more of these resources your ads consume, the longer it takes for
your page to become visually complete and interactive. This can
be a drag on user experience metrics like session
length
and bounce
rate
. You can improve these metrics
by serving the most lightweight ads possible and loading them at the right time
(which is not always right away).

For many e-commerce publishers, display ads are a secondary source of revenue.
If you’re one of these publishers, you know that any ads you place on the page
have some negative impact on your primary business metrics (sales,
subscriptions, and more). Fast ads, by getting out of the page’s way, give your
primary business metrics a boost as well.

When asked about their reasons for installing ad blockers, many
users cited “interruption” and
“speed”
as primary motivators.
Since fast ads result in improved user experience metrics, a focus on improving
ad speed may decrease the incentive for users to install ad blockers.

Fast ads make you more money #

Another way to think about this topic is from an advertiser’s point of view. The
sooner an ad appears on the page, the longer it will be visible on the screen,
meaning it’s more likely to be seen and interacted with. As views and
interactions increase, so does the value of your ad slots in the eyes of
advertisers.

Conversely,
impressions and
viewable impressions
decrease the longer an ad takes to appear on the page. To provide a sense of the
magnitude of this problem, the charts below show aggregated data from an
experiment where a delay between 100 ms and 1 s was injected before
each ad response, across 4 billion impressions on websites with the Google
Publisher Tag in multi-request mode. The dotted lines are extrapolations to
visualize how improving ad speed could increase impressions and viewability
rate.

With 1 s of added delay, impressions decreased by 1.1% for mobile traffic
and 1.9% for desktop traffic:

Chart showing latency injected vs. impressions change
Source: Google Internal Data, December 2016 to January 2017.

With 1 s of added delay, viewability rate decreased by 3.6% for mobile
traffic and 2.9% for desktop traffic:

Chart showing latency injected vs. viewability rate change
Source: Google Internal Data, December 2016 to January 2017.

A framework for thinking about ad speed #

Modern websites tend to have complex and diverse ad serving setups, which means
there’s no one-size-fits-all method of making ads fast. Instead, the following
sections give you a framework for thinking about ad speed. Some points are
specific to Google Ad Manager, but the principles apply even if you’re using a
different ad server.

Know why you want to improve ad speed #

Before you start working to improve ad speed, you should be clear on what your
goals are. Is it to improve the user experience? To increase viewability? Both?

Whatever your specific goals are, it’s important to identify the metrics you can
use to measure and track progress towards them over time. Having the right
metrics in place allows you to:

  • Know if the changes you’re making are moving you in the right direction.
  • Run experiments, such as A/B tests, to evaluate the effectiveness of
    specific changes.

Once you’ve decided on the metrics that make sense for you, be sure to configure
reporting so you can easily keep track of them. A dashboard you can check
periodically or scheduled reports sent to you by email work well for that.

Know your inventory and dependencies #

To identify opportunities for improving ad speed, you first need to understand
the types of inventory your site supports and the technical dependencies of
each.

As an example, suppose a site supports the following inventory types:

  • Desktop leaderboard
  • Mobile banner

To load and display ads, the example site uses the following:

  • A consent management platform
  • Audience scripts
  • Header bidding scripts
  • A rendering framework

First, create a flowchart for each inventory type to visualize how the various
dependencies interact in order to load and display an ad. Desktop leaderboard
inventory may look like this:

An example workflow for the desktop leaderboard inventorytype.

While a more complex inventory type, such as mobile banner, may look like this:

An example workflow for the mobile banner inventorytype.

Then, use this information to create a simple table like the one below, which
maps each inventory type to its dependencies in an easily digestible format.

Type of inventory Consent management platform Audience script Header bidding script Rendering framework
Desktop leaderboard ✔ ✔ (X) ✔ (A) –
Mobile banner ✔ ✔ (X and Y) ✔ (A and B) ✔

Creating an overview of inventory types and dependencies like this helps to
identify critical paths and areas for optimization. For example, you may find
that some dependencies are included unnecessarily and can be removed for a quick
speed improvement. This information is especially useful to have when analyzing
ad loading times.

Know where you want to improve #

A good way to approach improving ad speed is to focus on reducing the amount of
time it takes for the first ad on your page to load. This time can be broken
down into three main intervals:

Time to load ad libraries
The time it takes to load all ad libraries necessary to issue the first ad request. May be improved by removing or delaying the loading of scripts that are not related to making ad requests.
Time to first ad request
The time elapsed from ad library load to the first ad request being made. May be improved by parallelizing header bidding requests and avoiding tasks that block the main thread.
Time to render first ad
The time elapsed from the first ad request being made to the first ad being rendered. May be improved by reducing ad complexity and creative file size.

Before you start making any changes, you need to decide which of these metrics
to focus on. While the ultimate goal is to minimize them all, the relative
importance of improving each (and the methods you use to do so) will greatly
depend on your specific setup.

You can use a tool like Publisher Ads Audits for
Lighthouse
to help you
analyze your site, identify bottlenecks, and make an informed decision about
what to focus your efforts on.

Conclusion #

Now that you understand the importance of ad speed and have a framework for
thinking about it, it’s time to identify areas for improvement in your sites and
make your ads fast. Finally, consider authoring your ads in
AMP, a format that reliably produces fast ads.

Last updated: Oct 29, 2019



Improve article



Source link

Share219Tweet137Share55Pin49

Related Posts

You want minmax(10px, 1fr) not 1fr
Web Dev

You want minmax(10px, 1fr) not 1fr

There are a lot of grids on the web like this: .grid { display: grid; grid-template-columns: repeat(3, 1fr); }...

January 22, 2021
Servers: Cool Once Again | CSS-Tricks
Web Dev

Servers: Cool Once Again | CSS-Tricks

There were jokes coming back from the holiday break that JavaScript decided to go all server-side. I think it...

January 22, 2021
When To Say No To Freelance Projects — Smashing Magazine
Web Dev

When To Say No To Freelance Projects — Smashing Magazine

About The AuthorBecca is a UX Researcher with a PhD in Human Factors Psychology. She runs the UX consulting...

January 22, 2021
useStateInCustomProperties | CSS-Tricks
Web Dev

useStateInCustomProperties | CSS-Tricks

In my recent “Custom Properties as State” post, one of the things I mentioned was that theoretically, UI libraries, like...

January 21, 2021
Next Post
SameSite cookie recipes

SameSite cookie recipes

Virtual reality comes to the web

Virtual reality comes to the web

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Recommended

Using serverless backends to iterate quickly on web apps – part 3 : idk.dev

Using serverless backends to iterate quickly on web apps – part 3 : idk.dev

August 31, 2020
Demystifying Django’s Magic — Smashing Magazine

Demystifying Django’s Magic — Smashing Magazine

September 2, 2020
Not Much | CSS-Tricks

Not Much | CSS-Tricks

December 14, 2020
Ubuntu Budgie 20.04 Review: Smooth, Polished & Plenty of Changes

Ubuntu Budgie 20.04 Review: Smooth, Polished & Plenty of Changes

May 25, 2020

Categories

  • AWS
  • Big Data
  • Database
  • DevOps
  • IoT
  • Linux
  • Web Dev
No Result
View All Result
  • Web Dev
  • Hack
  • Database
  • Big Data
  • AWS
  • Linux

Welcome Back!

Login to your account below

Forgotten Password?

Create New Account!

Fill the forms bellow to register

All fields are required. Log In

Retrieve your password

Please enter your username or email address to reset your password.

Log In