How to improve my AMP page speed further

To ensure that your pages are super fast, we do a bunch of things to compress, minify, and optimize your AMP pages as much as possible including lazy loading, using image dimensions, minification, etc. However, there may still be some things you can do to optimize the AMP pages.  Here we will discuss a few tips:

If you're loading Videos or Product Reviews, place them "below the fold"

If you have product reviews or videos, or another third-party integration on your AMP pages, one thing that might happen is that this content is high enough on the page that pagespeed tools attempt to load these right away.  This is called having content "above the fold".  

Product reviews:

If product reviews are being loaded too high up on the page, an example pagespeed report might show that "jQuery" is being loaded on the page, which is a clear sign that something (usually product reviews) needs to be pushed down further.  Here is an example:

If you see this happening, the easiest step is to add more content to your product description.  This will cause the product reviews to load further down the page because your product description is longer.

Videos:

If you have added videos to your AMP pages, for example, the AMP home page, it's not possible to load the page without loading the video, so you will inherently have a lower pagespeed score.  This is impossible to avoid on any site that uses videos high up on the page.  Move the video "below the fold" by adding content above the video.  

Minimize the amount of Custom CSS you are using

 If you are using the Custom CSS tool with a lot of CSS, consider cutting down on the amount of Custom CSS used, if possible.

Utilize Custom Domain

The standard AMP configuration has your AMP pages living at the /a/amp/ subdirectory but you get a slight speedup by using the Custom Domain option then there can be a slight speedup on the pages.  This is because a request for an AMP page from custom domain comes straight to us and not first to Shopify and then to us. In our experiments, this can save up to around 100-200ms.  This is not much at all, but it's worth noting. 

What else can I do if I'm not happy with my pagespeed score

Remember that  

1. The Google "PageSpeed Insights" tool is constantly changing, and often produces different scores with each test. Try checking your speeds using GTMetrix.  If you notice that your GTMetrix score is below 80, please contact us and we'll check your pages for you.
2. Remember that when someone finds you on Google Search Results, Google starts to pre-load AMP results, and has cached and preloaded the AMP page. So no matter what the score is they will still load super fast because it's cached and preloaded by Google themselves.  

My GTMetrix non-AMP score is better than my AMP score

Congratulations!  AMP pages should almost always be scoring within 80-100 on GTMetrix, which makes them quite hard to beat.  If you managed to beat the AMP score, it's still worth noting point #2, above, which is the fact that Google caches and pre-loads AMP pages, so your SEO and search-engine speedup, as well as your Core Web Vitals metrics, on AMP will be inherently better than your non-AMP page