This question arrived when I was thinking to write 2nd article for my Blog KodeGems. I started to search on the internet and I found a very useful thing for both my article and for my website and i.e AMP (Accelerated Mobile Pages). I have browse figure out how to implement AMP. It comes with many benefits that I will be covering in this article. So my question here is, Have you integrated AMP on your website? If not so this the right time to do it.

Introduction to Accelerated Mobile Pages

“AMP is an open-source library that provides a straightforward way to create web pages that are compelling, smooth, and load near instantaneously for users. AMP pages are just web pages that you can link to and are controlled by you.
Source: https://www.ampproject.org/learn/overview/

Less Popular

I am working as a Front-end developer around 5years and did not find an even single project in which I have configured AMP or infect client ask to implement AMP. More importantly in Pakistan, we are in stone ages in the field of technology. We don’t find any motivation to implement new things or we don’t bother to try new things that finally benefits our websites.

Benefits to have AMP in your Website

At very first by having AMP on your website, your website becomes super fast. It decreases the load time and your site performance boost up to ten times comparatively from those websites which do not have AMP.

Overall SEO ranking also improves by having AMP and a serious increase in the mobile ranking. Because Google provides a mark that shows AMP implementation when you search the internet. Google put those websites in top ranking which are using AMP in it.

Integrating AMP into the WordPress website

In my website, I have used the following plugin for AMP.

[siteorigin_widget class=”WP_Widget_Media_Image”][/siteorigin_widget]

Install this plugin and just a few more step and you are done with you AMP.

Click here to test your page whether it is AMP enabled or not.

Now when it will be approved by google you will see a lightning mark just after the domain like this.
This is the screenshot from my mobile. When you have the AMP configured page it will show up like this.

[siteorigin_widget class=”WP_Widget_Media_Image”][/siteorigin_widget]

How It Works

When it comes to javascript it has the ability to modify each and every feature of the page but blocking DOM and delay loading of a page. To prevent delaying AMP permits asynchronous javascript.

AMP experts provide 7 ways by which your post/page have very fast loading time.

1. Never stop the content
2. Asset independent layout
3. Inline, size-bound CSS
4. Efficient font triggering
5. Minimize style and layout recalculations.
6. GPU accelerated animations
7. Prioritize resource loading
These are the main steps provided by Google experts that makes your website super-fast while having AMP.
You can see a complete video over here to understand the steps mentioned above.

[siteorigin_widget class=”WP_Widget_Custom_HTML”][/siteorigin_widget]

Conclusion:

Folks!! You have seen above that how much AMP now becomes important for your website. There are lots of competitions among the websites brands and they are working hard every day to invent new ways to be on top of the list. By having AMP you can do it easily in no time.

Please do inform me about my article by sharing and commenting so I can able to write more interesting stuff for you people.

2 thoughts on “Have you started using AMP in your WordPress websites?”

  1. Hey there! I know this is kind of off topic but I was wondering which blog platform are
    you using for this site? I’m getting fed up of WordPress because I’ve had issues with hackers and I’m looking at alternatives for another platform.
    I would be fantastic if you could point me in the direction of a good
    platform.

    1. Yes! I am using WordPress for my blogs. There are some easy ways you can make secure your website from hackers. I believe there is no other platform that is more reliable other than WordPress.

Leave a Reply

Your email address will not be published. Required fields are marked *