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!
AMP in Brief
From a developer perspective, leveraging AMP means you’ll use some boilerplate code, load some AMPJavaScript, use some custom AMP elements, and follow best practice rules so you can pass AMP validation.
Behind the scenes, AMP will handle optimization techniques, like “lazy loading”, prerendering, preconnecting, and prefetching. These are all techniques you can handle yourself manually if you prefer, but AMP will do them for you hands-free.
Valid AMP pages will also automatically cache themselves in the AMP CDN without charge. AMP provides access to multiple ad networks through the AMP ad element. This means that sites which need to monetize effectively can still optimize efficiently too.
AMP may be for you if you want to optimize load speed, but you don’t want to do it manually. Or, if you need a method that doesn’t interrupt ad revenue.
Useful Resources
- AMPAMP Project: Will it Make Your Sites Faster?Kezz Bracey
- AMPHow to Make a Basic AMP Page From ScratchKezz Bracey
- AMPQuick Tip: Make AMP’s Inline CSS Easier With Jade or PHPKezz Bracey
-
www.ampproject.org
- AMP Project on Github
- Accelerated Mobile Pages ( AMP ) for WordPress on Envato Market
Subscribe below and we’ll send you a weekly email summary of all new Web Design tutorials. Never miss out on learning about the next big thing.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post