AMPx Accelerated Mobile Pages (AMP) for MODX Evo

EVO Version: MODx Evolution 1.2 or above

AMPx snippet for MODx Evolution adds support for the Accelerated Mobile Pages (AMP) Project, an open-source initiative launched by Google as a way to improve the overall performance of mobile websites with a lightweight HTML framework that can load instantly everywhere.

With AMPx snippet all posts, category and homepage on your MODx site will have dynamically generated AMP-compatible versions.

With AMPx you can easily create a fully navigable and customizable AMP-compatible website

Installation

Step 1) install with Packagemanager

Step 2) Create a new resource:

template amp-blank
richtext: no
content: [! ampx!]
pagetitle: amp

Step 3) Add to the HEAD tag a link the AMP version

<link rel="amphtml" href="[ (site_url)][~57~]?id=[*id*]"/>

or use with If snippet:

you can pass tpl parameter via URL:

<link rel="amphtml" href="[ (site_url)][~57~]?ampid=[*id*]&tpl=amp-Template-Home"/>

<link rel="amphtml" href="[ (site_url)][~57~]?ampid=[*id*]&tpl=amp-Template-Container"/>

IMPORTANT: Replace 57 with the ID of resource created at Step 2

Tips:

1) Caching

Caching is not very important, because Google displays AMP pages from AMP Cache CDN, not from your site, ie:

https://cdn.ampproject.org/c/tattoocms.it/amp.html?ampid=172

For better local performance, you can cache the [[ampx]] snippet call, but you have to enable "Cache is based on Resource ID and $_GET parameters" on Manager > Tools > Configuration > Site > Document caching type