AMP Conf 2019. April 17/18. Tokyo.
AMP
  • websites

AMP Ads vs non-AMP Ads

Introduction

This sample compares the performance of an AMPHTML ad vs a regular ad. To best compare these two, either view the demo page on a mobile device with an active 3G connection or, on desktop, enable network throttling in Chrome Dev Tools (e.g. "Regular 3G").

An AMPHTML ad is an one where the ad is written in AMP HTML. A valid AMPHTML ad does not contain arbitrary JavaScript. All JavaScript in an AMPHTML ad comes from the open source AMP project which is blessed by the AMP project maintainers. As a result, when an ad is created in AMP, it is always guaranteed to do the right thing from a user experience standpoint.

AMPHTML ad

The ad unit serves an AMPHTML ad profiting from the optimized AMPHTML ad delivery.

<amp-ad data-slot="/30497360/a4a/a4a_native"
  height="250"
  type="doubleclick"
  width="300"></amp-ad>

Regular Ad

This ad unit serves a regular ad.

<amp-ad data-slot="/30497360/a4a/non_a4a_native"
  height="250"
  type="doubleclick"
  width="300"></amp-ad>
Need further explanation?

If the explanations on this page don't cover all of your questions feel free to reach out to other AMP users to discuss your exact use case.

Go to Stack Overflow
An unexplained feature?

The AMP project strongly encourages your participation and contributions! We hope you'll become an ongoing participant in our open source community but we also welcome one-off contributions for the issues you're particularly passionate about.

Edit sample on GitHub