First of All, let’s get to know, what is the AMP project?

AMP is an open source HTML framework developed by the AMP Open Source Project. It was originally created by Google as a competitor to Facebook Instant Articles and Apple News. AMP is optimized for mobile web browsing and intended to help webpages load faster. Wikipedia
Hint: this is basic article about AMP, and the project is now rocking it, if you want to be up to date with it go to the official website
This is how your content is loaded in AMP

I’m expecting in the near future that most of geeks will propose to write
Instead of HTML5, AMP HTML5
And Instead of CSS, AMP CSS
And Instead of JS, AMP JS
And here is the big deal for the marketers, AMP guarantee for you if you are the same SEO results and you are an AMP page you will have the priory to be ranked compared to a non page. Plus it has awesome integration with the monetisation platforms like google awards…but lets focus on this blog on building Simple  AMP webpage and compare it to a AMP page to do the same functionality.
Tip: Before we go, one tip about the javascript. AMP is based on minimizing the jquery functions as much as possible. And the <script> tag was prohibited in the earlier version of AMP but now you can execute jquery inside <imp-iframe> tags.

Simple AMP page with loading image

See the Pen Smiple AMP page with img by Mustafa Elnagar (@MustafaElnagar) on CodePen.

Case study Running AMP:


Write A Comment