AMP in 60 Seconds
March 30, 2016 - Uncategorized
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
- AMP Project: Will it Make Your Sites Faster?
- www.ampproject.org
- AMP Project on Github
- Accelerated Mobile Pages ( AMP ) for WordPress on Envato Market
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: Web Design | Tuts