The Mijingo Blog

Latest news, updates, free tutorials, and more from Mijingo.

Guide to Google AMP

by Ryan Irelan

Google AMP (officially known as the AMP Project) is a new way to deliver fast pages to mobile users through special HTML markup, lean HTML documents, and caching (via the AMP Cache).

But AMP is not without controversy, mostly because it requires a new HTML syntax to work properly and a fair amount of template work.

But the promise is a big one: faster pages and maybe better search rankings.

AMP stands for Accelerated Mobile Pages. It’s an open source framework with the goal of delivering faster pages to mobile users. Google has been pushing web page performance for several years (to learn more about it check out my Web Performance Testing course) but mostly wth tools that helped developers measure performance, not create fast pages.

However, Google AMP is an implementation that helps you create faster mobile pages. Instead of providing the tools to measure fast pages, Google is now offering a tool to create them, too.

AMP is a three-part system:

  • AMP HTML, a custom HTML syntax that Google parses. This is added into otherwise normal HTML documents.
  • AMP JS, a JavaScript library that is the engine that supports the HTML implementation
  • AMP Cache, a CDN that caches and serves AMP documents and assets (your pages and assets) via HTTP/2.

I put together a free lesson so we can “plug in to” AMP, learn what it is, how it works, and then step through a simple implementation together.

Watch the Lesson

Filed Under: Web Performance Testing, Performance Budget