AMP requirement Tutorial and TESTING

  • Always start with boilerplate code
  • Use a localhost preview; MAMP recommended
  • Turn on debug by adding #development=1 to your preview URL and watching the Chrome Developer Tools console
  • Include JSON metadata if you choose
  • Handle inline CSS more easily via this Quick Tip
  • Use AMP custom elements instead of default HTML elements where available
  • Where required, load extra AMP JavaScript to drive custom elements
  • Load custom fonts from Google Fonts, or via @font-face, using the amp-font element to create fallbacks
  • Use in built AMP custom elements instead of custom JavaScript, e.g. amp-image-lightbox instead of a lightbox script

Complete article–cms-26158


Use following to test your AMP Pages