By neglecting web performance, the JavaScript community unintentionally paved the way for AMP.

Amp Page Maker

Benefits of Amp Web Pages for valid AMP pages:
  • SEO Preferential treatment
  • FREE Global Google Cache
  • Works for both Mobile & Desktop versions
  • Heavy weight pages are all Lazy Loaded
If you unfamiliar with the AmpProject
Please check the Links page for further details.
 
Otherwise
This site can easily Create Templates which pass the strict AMP validation requirements.
 
BEWARE:
ONLY valid pages will be included in a Google Search


¯\_(ツ)_/¯

The idea is to gradually learn from your mistakes...

  1. Start with Create Template to create a VALID AMP Page
  2. Copy and paste the template source code to a web site or localhost with a .html extension
  3. Setup AMP Validation because **ONLY** Valid AMP pages are indexed
  4. Personalize by adding content
  5. Ensure the template validates without errors or warning
  6. Goto Step 4 - Rinse and repeat :)


¯\_(ツ)_/¯

Validation Methods

  1. Paste Template source into - AMP Validator

  2. Append ?development=1 to URL
    and use browser development tools

  3. For Google Chrome, Opera and Vivaldi


Personally the third method is preferred because:
Icons are displayed after rendering page:
 

  Valid - everything Hunky-Dory

  Warnings - may later be errors

  Errors - No Google search listing
 
Solutions in drop-down-list
Simple and uncluttered page layout


¯\_(ツ)_/¯

Donations for Thirsty Programmers





¯\_(ツ)_/¯