About Accelerated Mobile Pages

AMP Project led by Google is a competitor to Facebook's Instant Articles,[1] and includes several other large search, social and web publishing platforms around the world

AMP HTML is basically HTML extended with custom AMP properties. Though most tags in an AMP HTML page are regular HTML tags, some HTML tags are replaced with AMP-specific tags. These custom elements, called AMP HTML components, make common patterns easy to implement in a performant way.

The AMP JS library ensures the fast rendering of AMP HTML pages. The AMP JS library implements all of AMP's best performance practices, manages resource loading and gives you the custom tags mentioned above, all to ensure a fast rendering of your page. Among the biggest optimizations is the fact that it makes everything that comes from external resources asynchronous, so nothing in the page can block anything from rendering.

The Google AMP Cache can be used to serve cached AMP HTML pages. The Google AMP Cache is a proxy-based content delivery network for delivering all valid AMP documents. It fetches AMP HTML pages, caches them, and improves page performance automatically. When using the Google AMP Cache, the document, all JS files and all images load from the same origin that is using HTTP 2.0 for maximum efficiency.

AMP Start is built on top of two existing open-source projects:

  • Normalize.css
  • Basscss

AMP framework

The AMP framework consists of three components: AMP HTML which is a standard HTML with web components; AMP JavaScript which manages resource loading; and AMP caches which can serve and validate AMP pages. Most AMP pages are delivered by Google’s AMP cache, but other companies can support AMP caches. Internet performance and security company Cloudflare launched an AMP cache in March 2017.

Google AMP test validator

https://search.google.com/test/amp

Loading your AMP pages via the Google AMP Cache is easy. The Google AMP Cache URL is composed based on whether the source URL is available via HTTP or HTTPS When loading your AMP pages via the Google AMP Cache, check via your browser’s developer tools if all external resources can be loaded successfully, including all of the following:

  • images
  • videos
  • amp-analytics endpoints
  • amp-pixel endpoints
  • custom fonts
  • iframes

203 0 1