Accelerated Mobile Pages (AMP) Developed by Google, This is new technology open source project powered by Google. Create mobile friendly and mobile optimized web pages which load fast and instantly.
3. Description Aout AMP
In old days, publishers were worried about their website
speed in desktop only, but now they worry about their
website speed in mobile and tablets.The reason being,
now smartphones and tablets have become the king of
browsing traffic. According to Google data, the share of
mobile web browsing traffic expends to 52.3%.
4. Use of external js files and high-quality images make
mobile speed slower. If the mobile browser pages are
not loading quickly, it can discourage users and they can
leave even before your content is completely loaded. So
It is good to optimize your web pages for mobile users.
5. As mobile browsing is increasing day by day,
Google provided a solution to the publishers
for their mobile website problems by
launching Project AMP, or Amp Mobile Pages.
In short AMP Website was created so that
publishers can load their amp web pages
more quickly and fast in mobile devices
6. WHAT IS AMP Accelerated Mobile Pages
(AMP) is an open source
project powered by Google
which helps publishers and
web developers to create
mobile friendly and mobile
optimized web pages which
load instantly.
Accelerated Mobile Pages
7. The main concept of Accelerated Mobile Pages (AMP) is to load
readable text content in web page first and then load additional
content like images, ads, scripts after the remainder of the page
has rendered. Accelerated Mobile Pages (AMP Google) blocks
external and unwanted JavaScript code to load web page near-
instantaneously. Read More about Advantages of Accelerated
Mobile Pages
9. AMP is a framework for creating mobile web pages. It
basically consists of three parts
10. AMP HTML Code is new markup language inherited from
parent language HTML with many custom tags and
properties like amp-i frame, amp-script, amp-images etc. if
you are familiar with HTML then you are ready to go
converting your web page into Google AMP pages with AMP
HTML. For more details of amp tags, you can check AMP
Project’s list.
AMP HTML
11. AMP JS
It is a JavaScript framework for mobile web pages; An
important function is to manage resource handling and
asynchronous loading of page content. But you cannot use
third party java-script file or your own custom java-script
code in AMP framework because it is not permitted.
12. AMP CDN
A Content Delivery Network caches your AMP pages and
automatically makes some performance optimizations.
13. HOW ARE AMP PAGES LOADING SO
FASTS?
HOW ARE AMP PAGES LOADING SO
FASTS?
14. 7 important ways by
which AMP making page
load so fast are as
follows :
15. It executes all JS code asynchronously to avoid delaying page rendering. Amp blocks author-written
javascript and provides its own java-script to handle page features.
In AMP, it is important to state the sizes of external resources such as images, ads or I frames in the
HTML so that it can measure each resource size and position before resources are downloaded.
In Google AMP pages, only inline styles are allowed. By this, it removes multiple external CSS and style
files HTTP requests from the rendering path compared to most web pages.
AMP accelerated mobile pages controls all resource downloads: it prioritizes resource loading, loading only
what’s needed, and use lazy-loading method to download resources.
AMP Sites doesn’t let extension mechanisms block page rendering. AMP supports extensions like light
boxes, Instagram embeds, tweets, etc.
Web fonts are super large, so webfont optimization is crucial to performance. The AMP system declares
zero HTTP requests until fonts start downloading.
The new connect API is used to ensure HTTP requests are as fast as possible when they are made. With
this, a page can be rendered before the user explicitly states they’d like to navigate to it; the page might
already be available by the time the user actually selects it, leading to instant loading.
Article Source : https://goo.gl/oEdZGH