Home / BlogGoogle Accelerated Mobile Pages Gives Changes to the Mobile Web Experience
March 8, 2016

Google Accelerated Mobile Pages Gives Changes to the Mobile Web Experience

Google Accelerated Mobile Pages which has launched on February 24th, 2016 is capable of delivering a faster and smoother search experience through a mobile device with a more efficient data anywhere and anytime. The early result of this project shows that the sites pages which use AMP will load four times faster and ten times more efficient data. You can also easily explore the search results from one to another by simply dragging your finger.

How Accelerated Mobile Pages works – faster, better, stronger, and easier

Google AMP is the same with other HTML pages. What makes it different is there are some restricted functions on AMP. The implementation of AMP can be modified or built templates from scratch. When you choose to modify, then, of course, the object is a template that is being or has been used. In addition, CSS and JavaScript seem to be the main target for restructured on the implementation of AMP. However, instead of changing the code massively, you only need to simplify the code. In JavaScript, the technique is applying async and externalization which will make a sleeker template size. This provides a positive impact on the speed when being accessed.

Google Accelerated Mobile Pages Gives Changes to the Mobile Web Experience


How to AMP your site

Broadly speaking, the technique includes the addition of boilerplate code, markup the image, and then styling the page using common CSS properties. However, AMP follows strict rules when laying out the elements on the page. If in the plain HTML you can use CSS to lay out the elements, AMP requires all elements to have an explicit size for performance reasons. When all of the codes and markups are mounted on a template, then you only need to go through validation process using the tool provided by Google. Once the code is validated, you can publish your first AMP page. It is easy, isn’t it?

See AMP in action

The easiest way to see how AMP works is by looking for a demo prepared by Google. You can also try it for yourself by going to g.co/ampdemo by using your gadget or via the Chrome’s Developer Tools. Then, find anything by typing a keyword and you will see a carousel upwards with AMP articles. Click on one of them and swipe to the right or to the left to read more articles.

You are lucky if you are a WordPress user!

WordPress is very aware of the benefits of AMP framework. The result is they announced that they are developing a plug-in to support AMP. It will certainly be easier for you, the WordPress user. You only need to install the plug-in and your content will be AMP ready.

In conclusion, the Google AMP provides a relatively easy way to increase the speed of the mobile site. Publishers should adopt AMP HTML as soon as possible and use it as an entry point to encourage visitors to visit their full site. Either way, developers or web designers will wait and see how the use and development of AMP from time to time.

Felix Widjaja

Felix is the art/creative guy in Bueno. He is one of Bueno founder. He comes from technical and information system background. Felix holds degree in computer science and work as programmer in his early career; He’s one of the first dot com bubble survivors and has been designing websites since late 90’s. Stumbled into web design (again) at his late office career, quickly turned him to what he truly is. Fun fact: Felix had a rock band since 8th grade as guitarist. On college, the band plays in several local cafes, he was keyboardist at that time.

Be our client today to get a Pre-SEO Analysis jump-start for your website. It's a free assessment and 100% awesome.

Let's do it