Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web Development
Download as PPTX, PDF2 likes236 views
Accelerated Mobile Pages (AMP) is an open-source project by Google designed to create mobile-optimized web pages that load quickly on mobile devices. AMP pages utilize a specialized HTML, async JavaScript, and a content delivery network to enhance performance, prioritizing readable content first and blocking unnecessary scripts. This framework addresses the increasing mobile browsing traffic, which now constitutes over 52% of web usage, by improving loading speeds and user experience on mobile platforms.
Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Web Development
- 1. Accelerated Mobile Pages (AMP) The Next Revolution in Mobile Development
- 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