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. AMP in action consists of three different parts:

• AMP HTML
• AMP JS
• AMP CDN

AMP HTML is HTML with some restrictions for reliable performance and some extensions for building rich content beyond basic HTML. The AMP JS library ensures the fast rendering of AMP HTML pages. The AMP CDN (optionally) delivers the AMP HTML pages.

Quoted from here: https://www.ampproject.org/how-it-works/

Google is offering a service that delivers AMP HTML documents given their URL through its CDN.

Where can I find this CDN service, so I can test it? I googled a lot, but I couldn't find any information.

Sharecrop

New How It Works URL: amp.dev/about/how-amp-works – Dincolo

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

Litha

Thank you Seth. So there's no way to directly cache theguardian website ? I built this small AMP website for test: jure.it The validator doesn't return any error, but the CDN does: cdn.ampproject.org/c/s/jure.it What am i missing? Thanks – Sharecrop

It looks like the issue is with this tag on your page: <a href="/whishlist/?1452809004"">, specifically an issue with the extra quotes. – Galatea

So it need valid HTML too, good to know! And what i have to di if i want to cache jure.it directly, without passing through ampproject.org? (as happens wth cloudflare) – Sharecrop

The original question was "Where can i find this CDN service, so i test it? I googled a lot but i cann't find any information." which I provided an answer to. If that answered your question, please accept my answer. As for other CDN's, I'm not aware of any others yet, but there is nothing to stop you or others from setting up your own CDN using the project. – Litha

You're right Seth, i opened a new thread for that question. Thanks. – Sharecrop

Answer 2

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

Been

Answer 3

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.

Conover

Answer 4

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

Skelly