AMP in 60 Seconds

AMP in 60 Seconds

The AMP project is an open source initiative backed by Google, with the goal of making websites faster. Here’s what it is, in sixty seconds!

Useful Resources

60 seconds?!

This is part of a series of quick video tutorials on Envato Tuts+. We’re introducing a range of subjects, all in 60 seconds–just enough to whet your appetite. 

Subtitles/CC

Here you’ll find the content of the “captions.sbv” file, which we can use to add subtitles to the screencast. Turn subtitles on by clicking the Subtitles/CC button on the player–click the settings gear icon to select the language:

0:00:00.810,0:00:05.040
The AMP project is an open source initiative
backed by Google, with the goal of making

0:00:05.040,0:00:10.560
websites faster. Here’s what it is in sixty
seconds. From a developer perspective you’ll

0:00:10.560,0:00:16.580
use some boilerplate code, load some AMPJavaScript,
use some custom AMP elements, and follow best

0:00:16.580,0:00:22.410
practice rules so you can pass AMP validation.
Behind the scenes, AMP will handle optimization

0:00:22.410,0:00:27.829
techniques, like “lazy loading”, prerendering,
preconnecting, and prefetching. These are

0:00:27.829,0:00:32.349
all techniques you can handle yourself manually
if you prefer, but AMP will do them for you

0:00:32.349,0:00:38.750
hands-free. Valid AMP pages will also automatically
cache themselves in the AMP CDN without charge.

0:00:38.750,0:00:43.760
AMP provides access to multiple ad networks
through the AMP ad element. This means that

0:00:43.760,0:00:48.970
sites which need to monetize effectively can
still optimize efficiently too. AMP may be

0:00:48.970,0:00:54.240
for you if you want to optimize load speed,
but you don’t want to do it manually. Or,

0:00:54.240,0:00:58.990
if you need a method that doesn’t interrupt
ad revenue. And that’s what AMP is in sixty

0:00:58.990,0:00:59.510
seconds!

Source: Tuts Plus

About the Author