What is AMP and how to speed up your website using it?

What is AMP and how to speed up your website using it?

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.

This includes javascript and and other third party scripts that could potentially slow down 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).

Install-AMP-plugin

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.

AMP-webpage

Now go to View > Developer > Developer Tools

AMP-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.

AMP-validation-successful

Now you have successfully implemented AMP on your website!

About the Author

I'm Jane, the owner of Best Hosting And Design, where I help bloggers and website owners to create and maintain their websites. Check out the services I offer here so you can make use of them. For cutting-edge business tips, please head over to Jane Sheeba.

Leave a Reply 10 comments

Robin Khokhar - April 29, 2016 Reply

Hi Jane,
I have already installed the AMP plugin but thanks for sharing a post about it. Really appreciate it.

Mohammad Nadeem - April 29, 2016 Reply

Dear Jane
Thanks for your exclusive information. i like it and install in my website. i don’t know how it’ll effect in my site future but hopefully i’ll get positive response.
Thanks again
Nady

Soumya Roy - April 29, 2016 Reply

Good and well guided content on AMP. This is going to be helpful for all who want to create AMP pages on WP sites. Sharing this with all our DM and SEO trainees. Thanks..

Arpan Shah - May 7, 2016 Reply

Dear Jane,

I have tried installing same plugin and configure it but when I have checked webmaster it was showing error in some pages
“Prohibited attribute” and “Unknown syntax error” so i have disable that plugin to stop errors/

Tauseef - May 13, 2016 Reply

Hi Jane,
Thanks for sharing this AMP knowledge about wordpress, will please guide how can we apply this in normal html website .

dhanunjai - June 21, 2016 Reply

i have tried to implement amp on my WordPress but in google webmaster tools it was showing to fix the amp error

Julie Syl Kalungi - July 25, 2016 Reply

Okay I like the Faster loadspeed for Mobile users, But then They dint get to comment, like or engage with the posts. All that is stripped away.

Also I cant find the View/Developer tools link on my site. Although I use WP I am self hosted!!! Am I missing something? Thanks for the clarification!

Shagun Sharma - August 9, 2016 Reply

Hi Jane,
Just received your mail via newsletter & read the article. and finally installed the plugin. After looking at my blog post, the site looks like WordPress blog (sub-domain) & speed is awesome.
Thanks for helping us.

Jigar Patel - October 27, 2016 Reply

It sounds interesting to read your articles. But I think it would effects the mobile searching and ranking in search engines.

Leave a Reply: