Here’s a quick and dirty implementation of Google AMP on Jekyll to create a website that loads faster that the most websites around. Google launched AMP open source project to make the web pages faster and bring a better internet to the users. Take a look and start your own blog that loads in no time.
Very often we have read about the claims that every extra 100ms improvement in page speed increases the revenue of the top websites up to 1%. According to another survey, most users abandon a website if it takes more than 3 seconds to load.
While you might not be running a million dollar e-commerce website and hoping to increase your revenue by speeding up your website, here I’m going to share a way to create your super fast website using a Jekyll theme that’s built using Google AMP. If you are skeptical about it’s page speed, here’s a live example at http://ageitgey.github.io/amplify/2016/03/08/example-post.html
Adam Geitgey, the coder who showcased this implementation, has posted the method to implement this HTML theme on GitHub. To get started with the project, you need to install Jekyll and publish your site like any other Jekyll website.
After deploying your website, it’s time to take care of Google AMP Limitations and start writing posts using Google AMP. It should be noted that all CSS must be inline and all resources should be sized statically. Google AMP has its own set of special HTML tags for including content and you should use them instead of normal HTML tags. Ex:
After embedding other types of content and writing the posts, you need to validate your post with Google AMP. Just add
The last step involves making Google serve your AMP page by linking it to Google’s AMP CDN and filling in required Schema data.
To know more about this project in detail, visit this URL — https://github.com/ageitgey/amplify