Your website’s loading speed matters a lot, don’t you agree? Given that more and more people are using mobile devices you should take your website’s loading speed very seriously.
People are not patient to wait for your slow loading web page. And when they don’t see the page to load, they simply hit the back button and seek the same information elsewhere.
When it comes to rankings in search engines, all the search engines including Google give importance/priority to sites that load faster.
And certainly since Google’s mobilegeddon update, priority is given to websites that display well and load fast on mobile devices.
What is AMP, how it works and how does it relate to the loading speed of a website?
AMP stands for Accelerated Mobile Pages, and it is nothing but presenting a stripped down version of your web page for mobile users.
AMP is Google’s open source project and uses AMP HTML to render web pages by stripping them down – essentially removing those elements that will contribute to loading time of a website.
With WordPress and AMP, you can deliver your site’s content up to 4 times faster for mobile users.
In fact, Google claims that an AMP (HTML) page will load anywhere from 15%-85% faster than its non-AMP counterpart.
Since AMP pages load much faster than the non-AMP counterparts, sites that have enabled AMP may get a boost in rankings.
The biggest advantage is that Google will cache and deliver your site’s accelerated mobile pages for you, for free! That is Google will act as a free CDN for you if you enable AMP.
Google, Twitter and WordPress support AMP pages at the moment. AMP pages are also served in LinkedIn, Pinterest, and Medium apps. The trend is slowly expanding.
How to implement AMP on your WordPress website?
Of course there is a plugin for that. Login to your WordPress dashboard. Go to Plugins > Add New and search for “AMP”.
Install the first plugin that comes up (AMP by Automattic).
Activate the plugin. Go to Settings > Permalinks and then click on Save.
From now on, the plugin will create AMP pages for every page on your website that will have a modified URL like this:
Original page URL > http://www.yoursite.com/blog-post
AMP URL > http://www.yoursite.com/blog-post/amp
How to validate your AMP set up?
In order to validate the plugin set up you should visit your website Chrome. Select any blog post or a page, and in the URL, append the following: /amp/#development=1. Press Enter, and you will see the AMP version of your webpage.
Now go to View > Developer > Developer Tools
You will find the developer tools to pop up in the bottom of the screen. Click on the Console tab and you should see the following message (as shown below): AMP validation successful.
Now you have successfully implemented AMP on your website!