There are three basic ingredients that make up an AMP page:
- Custom HTML: AMP HTML uses custom properties for resources such as images, videos and iframes, and a restricted set of functions.
- Custom JavaScript: AMP JS makes all external resources load asynchronously. It also requires you to set sizes in the HTML, which means that the page layout is determined before it loads. This means that elements won’t jump around the page as other resources load.
- Custom Cache: Google’s AMP Cache is a separate cache used to store AMP pages to serve in search results. When pages stored in the cache are served to a user, everything comes from the same location, increasing efficiency.
All three of these elements work together to render pages seemingly instantly.