{"id":1540,"date":"2016-02-25T11:24:32","date_gmt":"2016-02-25T05:54:32","guid":{"rendered":"http:\/\/blog.amicicorp.net\/?p=1540"},"modified":"2022-03-31T15:33:03","modified_gmt":"2022-03-31T10:03:03","slug":"accelerated-mobile-pages-guide","status":"publish","type":"post","link":"https:\/\/www.amicicorp.net\/blogs\/accelerated-mobile-pages-guide\/","title":{"rendered":"Accelerated Mobile Pages Guide &#8211; A Detailed Version for AMP Pages"},"content":{"rendered":"<p>Accelerated Mobile Pages are the latest trend in digital content publishing. Media contents published in AMP format now able to generate revenue by digital advertisements.<\/p>\n<p>In this blog post, we will share how to use the AMP version of pages to attract visitors, convert them into\u00a0customers, track AMP page usages and improve by continuous quality updates. Additionally, we share some easy tools to create AMP pages\u00a0quickly and validate AMP pages.<\/p>\n<p><span style=\"font-weight: 400;\">There are about 1.6 million AMPs pages on the web. Accelerated Mobile Page not only helps to improve load time but also removes unnecessary CSS, JavaScript, and lazy loading. It has helped various organizations develop streamlined and clean web pages and double-triple their page speed.<\/span><\/p>\n<h2>\u00a0The AMP Core Components<\/h2>\n<p><span style=\"font-weight: 400;\">Accelerated Mobile Page made up of three elements-<\/span><\/p>\n<ol>\n<li><b>AMP HTML<\/b><span style=\"font-weight: 400;\">:- It is different from traditional HTML tags as it consists of AMPs specific Tags also. These are also known as custom tags that make it easy to execute the AMP in the code.<\/span><\/li>\n<li><b>AMP JavaScript<\/b><span style=\"font-weight: 400;\">:- The JavaScript library implements AMP best performance practices to ensure a fast rendering of AMP HTML pages. Best practices include font triggering and inline CSS.<\/span><\/li>\n<li><b>AMP Cache<\/b><span style=\"font-weight: 400;\">:- Caching is a well-known technique for improving a page\u2019s performance. AMP utilizes a proxy-based content delivery network in the form of an AMP cache.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">In the above section, we have discussed the core component that makes up the Accelerated Mobile pages, now go over the optimization techniques that make the quickly-loading pages possible.<\/span><\/p>\n<ol>\n<li><strong>Asynchronous JavaScript Execution<\/strong><span style=\"font-weight: 400;\"><strong>:-<\/strong> AMP only allows asynchronous JS, because JS tends to delay page rendering and block DOM construction.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Static Size for all Resources<\/strong><span style=\"font-weight: 400;\"><strong>:-<\/strong> Accelerated mobile page like to determine the position and size of each element before the resources are loaded.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Extension Mechanism<\/strong><span style=\"font-weight: 400;\"><strong>:-<\/strong> AMP blocks a lot of unwanted JavaScript, HTML, and CSS for speed but it allows extensions for elements such as social media embeds and lightboxes.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>No use of 3rd Party<\/strong><span style=\"font-weight: 400;\"><strong>:-\u00a0<\/strong> 3rd party JavaScript slow download time because of synchronous loading. AMP pages allow JavaScript, but only in sandboxed Iframes.<\/span><\/li>\n<li style=\"font-weight: 400;\"><strong>Inline and Size Bound CSS:<\/strong><span style=\"font-weight: 400;\"><strong>&#8211;<\/strong> CSS tends to cause bloating and it also delays rendering. HTML uses the inline style to remove many HTTP requests to web pages.<\/span><\/li>\n<li style=\"font-weight: 400;\"><span style=\"font-weight: 400;\"><strong>Efficient Font Triggering:-<\/strong> A typical page consists of sync scripts and a couple of external styles. The browser doesn\u2019t download the fonts until the scripts are loaded.<\/span><\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"Accelerated Mobile Pages are the latest trend in digital content publishing. Media contents published in AMP format now able to generate revenue by digital advertisements. In this blog post, we will share how to use the AMP version of pages to attract visitors, convert them into\u00a0customers, track AMP page usages and improve by continuous quality updates. Additionally, we share some easy tools to create AMP pages\u00a0quickly and validate AMP pages. There are about 1.6 million AMPs pages on the web. Accelerated Mobile Page not only helps to improve load time but also removes unnecessary CSS, JavaScript, and lazy loading. It has helped various organizations develop streamlined and clean web pages and double-triple their page speed. \u00a0The AMP Core Components Accelerated Mobile Page made up of three elements- AMP HTML:- It is different from traditional HTML tags as it consists of AMPs specific Tags also. These are also known as custom tags that make it easy to execute the AMP in the code. AMP JavaScript:- The JavaScript library implements AMP best performance practices to ensure a fast rendering of AMP HTML pages. Best practices include font triggering and inline CSS. AMP Cache:- Caching is a well-known technique for improving a page\u2019s performance. AMP utilizes a proxy-based content delivery network in the form of an AMP cache. In the above section, we have discussed the core component that makes up the Accelerated Mobile pages, now go over the optimization techniques that make the quickly-loading pages possible. Asynchronous JavaScript Execution:- AMP only allows asynchronous JS, because JS tends to delay page rendering and block DOM construction. Static Size for all Resources:- Accelerated mobile page like to determine the position and size of each element before the resources are loaded. Extension Mechanism:- AMP blocks a lot of unwanted JavaScript, HTML, and CSS for speed but it allows extensions for elements such as social media embeds and lightboxes. No use of 3rd Party:-\u00a0 3rd party JavaScript slow download time because of synchronous loading. AMP pages allow JavaScript, but only in sandboxed Iframes. Inline and Size Bound CSS:&#8211; CSS tends to cause bloating and it also delays rendering. HTML uses the inline style to remove many HTTP requests to web pages. Efficient Font Triggering:- A typical page consists of sync scripts and a couple of external styles. The browser doesn\u2019t download the fonts until the scripts are loaded.","protected":false},"author":1,"featured_media":4967,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[318],"tags":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Accelerated Mobile Pages Guide - A Detailed Version for AMP Pages<\/title>\n<meta name=\"description\" content=\"Accelerated Mobile Pages are the latest trend in digital content publishing. Media contents published in AMP format now able to generate revenue by digital advertisements.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Accelerated Mobile Pages Guide - A Detailed Version for AMP Pages\" \/>\n<meta property=\"og:description\" content=\"Accelerated Mobile Pages are the latest trend in digital content publishing. Media contents published in AMP format now able to generate revenue by digital advertisements.\" \/>\n<meta property=\"og:url\" content=\"http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/\" \/>\n<meta property=\"og:site_name\" content=\"AMICI Global Solutions Pvt. Ltd\" \/>\n<meta property=\"article:published_time\" content=\"2016-02-25T05:54:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-03-31T10:03:03+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.amicicorp.net\/blogs\/wp-content\/uploads\/2014\/02\/sampleimageamiciblog.png\" \/>\n\t<meta property=\"og:image:width\" content=\"826\" \/>\n\t<meta property=\"og:image:height\" content=\"246\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Content Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Content Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Accelerated Mobile Pages Guide - A Detailed Version for AMP Pages","description":"Accelerated Mobile Pages are the latest trend in digital content publishing. Media contents published in AMP format now able to generate revenue by digital advertisements.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/","og_locale":"en_US","og_type":"article","og_title":"Accelerated Mobile Pages Guide - A Detailed Version for AMP Pages","og_description":"Accelerated Mobile Pages are the latest trend in digital content publishing. Media contents published in AMP format now able to generate revenue by digital advertisements.","og_url":"http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/","og_site_name":"AMICI Global Solutions Pvt. Ltd","article_published_time":"2016-02-25T05:54:32+00:00","article_modified_time":"2022-03-31T10:03:03+00:00","og_image":[{"width":826,"height":246,"url":"https:\/\/www.amicicorp.net\/blogs\/wp-content\/uploads\/2014\/02\/sampleimageamiciblog.png","type":"image\/png"}],"author":"Content Team","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Content Team","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.amicicorp.net\/blogs\/accelerated-mobile-pages-guide\/","url":"http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/","name":"Accelerated Mobile Pages Guide - A Detailed Version for AMP Pages","isPartOf":{"@id":"https:\/\/www.amicicorp.net\/blogs\/#website"},"datePublished":"2016-02-25T05:54:32+00:00","dateModified":"2022-03-31T10:03:03+00:00","author":{"@id":"https:\/\/www.amicicorp.net\/blogs\/#\/schema\/person\/7e8e8422565141d6d4c6690210b46027"},"description":"Accelerated Mobile Pages are the latest trend in digital content publishing. Media contents published in AMP format now able to generate revenue by digital advertisements.","breadcrumb":{"@id":"http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/#breadcrumb"},"inLanguage":"en","potentialAction":[{"@type":"ReadAction","target":["http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/"]}]},{"@type":"BreadcrumbList","@id":"http:\/\/blog.amicicorp.net\/accelerated-mobile-pages-guide\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.amicicorp.net\/blogs\/"},{"@type":"ListItem","position":2,"name":"Accelerated Mobile Pages Guide &#8211; A Detailed Version for AMP Pages"}]},{"@type":"WebSite","@id":"https:\/\/www.amicicorp.net\/blogs\/#website","url":"https:\/\/www.amicicorp.net\/blogs\/","name":"AMICI Global Solutions Pvt. Ltd","description":"Let's build something insanely great!","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.amicicorp.net\/blogs\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en"},{"@type":"Person","@id":"https:\/\/www.amicicorp.net\/blogs\/#\/schema\/person\/7e8e8422565141d6d4c6690210b46027","name":"Content Team","image":{"@type":"ImageObject","inLanguage":"en","@id":"https:\/\/www.amicicorp.net\/blogs\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/73eb62f28efae201eb0b88a44ff0ea43?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/73eb62f28efae201eb0b88a44ff0ea43?s=96&d=identicon&r=g","caption":"Content Team"},"sameAs":["http:\/\/blog.amicicorp.net"],"url":"https:\/\/www.amicicorp.net\/blogs\/author\/admin\/"}]}},"_links":{"self":[{"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/posts\/1540"}],"collection":[{"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/comments?post=1540"}],"version-history":[{"count":9,"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/posts\/1540\/revisions"}],"predecessor-version":[{"id":4997,"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/posts\/1540\/revisions\/4997"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/media\/4967"}],"wp:attachment":[{"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/media?parent=1540"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/categories?post=1540"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.amicicorp.net\/blogs\/wp-json\/wp\/v2\/tags?post=1540"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}