DEV Community

Cover image for Supercharge Your Mobile Experience with AMP - Here's How!
Nandan Kumar
Nandan Kumar

Posted on • Edited on

Supercharge Your Mobile Experience with AMP - Here's How!

Did you know that on an average, smartphone users touch their phones 2,617 times each day?

With increasing mobile usage the average number of internet searches from mobile devices has also increased. A whopping 33% of electronic device users use their smartphone as their primary device for internet use.

But are these mobile websites fast enough??

Let's see the current scenario is -

On an average it takes a whooping 214 server requests per mobile page.

19 Sec is the average page load time of mobile websites.

77% of these mobile sites take more than 10 seconds to load on a 3G network.

So what can we do to have high performance website loading on mobile phones?

One of the ways is what Google has come up with a solution to enhance our mobile search experience by launching The AMP Project or The Accelerated Mobile pages.

What is AMP?

AMP is a google backed project designed as open-standard for any publisher to have their page load quickly on mobile devices. It makes websites really fast . An average AMP page takes 0.7 second to load. This is Google's answer to Facebook's instant articles.AMP websites are pretty easy to build. You can start developing your own AMP Page in just five minutes.

Click Here to create your first AMP.

See what AMP looks like-

  • Open up your Google app and type in " XT summit 2017 ".
  • Click the very first result.
  • Pretty fast loading speed, right?

As you also probably noticed, the lightning bolt icon on the website. AMP also puts result on top without much of hassle. In some cases, you don't require to use webmaster tool at all. And your AMP page will be in the top of the search engine results page.

The previous website was a little too small for you to feel the difference.

  • Now try searching "XT summit 2017 demo"

Summary-

From the above examples you can see how AMP makes your website load much faster than normal websites. It really feels like instant.

Following links are for further reading and it has everything that is required to get one started -

PS: This post is an extract of the talk i had presented on AMP & PWA at Sapient's XT summit 2017 organized in the month of June.

Top comments (0)