How can I test the CDN of Google's AMP Project?

Question

Quoted from here: https://www.ampproject.org/docs/get_started/about-amp.html

AMP is a way to build web pages for static content that render fast. AM

Answer 1

To use the AMP project CDN, you can access via a URL of the form:

https://cdn.ampproject.org/c/s/<origin-domain>/<path>

Note that the /s portion is optional and signals a secure origin, so if the origin isn't served over https, then you would use:

https://cdn.ampproject.org/c/<origin-domain>/<path>

So, if we take the following URL that has an AMP equivalent: http://www.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator, looking at the source, we see the following link:

<link rel="amphtml" href="https://amp.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator">

So, we can form a CDN URL for that AMP document as:

https://cdn.ampproject.org/c/s/amp.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator

Source: https://github.com/ampproject/amphtml/blob/master/src/service/cid-impl.js#L201

Answer 2

For a text example with http:

http://example.com/blog/index.html

Cache URL is:

https://example-com.cdn.ampproject.org/c/example.com/blog/index.html

With https:

https://example.com/blog/index.html

Cache URL is (notice the /s/):

https://example-com.cdn.ampproject.org/c/s/example.com/blog/index.html

For an image, replace the /c/ with /i/, for example,

http://example.com/blog/picture.jpeg

Cache URL is:

https://example-com.cdn.ampproject.org/i/s/example.com/blog/picture.jpeg

More details on cache URL name construction and name construction tools can be found here: https://developers.google.com/amp/cache/overview

Answer 3

The CDN URL will change in 2017: https://developers.googleblog.com/2016/12/amp-cache-updates.html

Example from above:

https://amp-theguardian-com.cdn.ampproject.org/c/s/amp.theguardian.com/childrens-books-site/2016/jan/12/sugar-tax-andy-mulligan-liquidator

Answer 4

If you visit the Using the Google AMP Cache page in the AMP developer documentation then there is a textbox where you can enter your original URL and it will show you the corresponding AMP cache URL.