{"id":1902,"date":"2023-07-18T08:45:41","date_gmt":"2023-07-18T08:45:41","guid":{"rendered":"https:\/\/blog.amt.in\/?p=1902"},"modified":"2023-07-18T08:45:41","modified_gmt":"2023-07-18T08:45:41","slug":"insights-on-accelerated-mobile-pages","status":"publish","type":"post","link":"https:\/\/blog.amt.in\/index.php\/2023\/07\/18\/insights-on-accelerated-mobile-pages\/","title":{"rendered":"Insights on Accelerated Mobile Pages"},"content":{"rendered":"<p>AMP\u00c2\u00a0(Accelerated Mobile Pages) is a web component framework and a\u00c2\u00a0website\u00c2\u00a0publishing technology developed by\u00c2\u00a0Google\u00c2\u00a0which has the mission to &#8220;provide a user-first format for web content&#8221;.<\/p>\n<p>The AMP Project was announced by Google on October 7, 2015 following discussions with its partners in the\u00c2\u00a0Digital News Initiative\u00c2\u00a0(DNI), and other news publishers and technology companies around the world, about improving the performance of the mobile web. More than 30 news publishers and several technology companies (including\u00c2\u00a0Twitter,\u00c2\u00a0Pinterest,\u00c2\u00a0LinkedIn\u00c2\u00a0and\u00c2\u00a0WordPress) were initially announced as collaborators in the AMP Project.<\/p>\n<p>AMP pages first appeared to web users in February 2016, when Google began to show the AMP versions of web-pages in mobile search results. Initially links to AMP pages were restricted to a \u00e2\u20ac\u0153Top Stories\u00e2\u20ac\u009d section of Google&#8217;s mobile search results; by September 2016 Google started linking to AMP content in the main mobile search results area.\u00c2\u00a0AMP links in Google search are identified with an icon.<\/p>\n<p>According to one of the co-founders of the AMP Project, Malte Ubl, AMP was originally called PCU, which stood for Portable Content Unit.<\/p>\n<p><span id=\"AMP_HTML\" class=\"mw-headline\">AMP HTML:<\/span><\/p>\n<p>The AMP framework consists of three components: AMP HTML, which is standard HTML markup with\u00c2\u00a0web components; AMP JavaScript, which manages resource loading; and AMP caches, which serve and validate AMP pages.<\/p>\n<p>Most AMP pages are delivered by Google&#8217;s AMP cache, but other companies can support AMP caches. Internet performance and security company\u00c2\u00a0Cloud flare\u00c2\u00a0launched an AMP cache in March 2017.<\/p>\n<p><span id=\"AMP_Stories\" class=\"mw-headline\">AMP Stories:<\/span><\/p>\n<p>In 2018, Google introduced\u00c2\u00a0AMP Stories, a visually tappable experiences that provides content publishers with a mobile-focused format for delivering news and information as visually rich, tap-through stories. In 2019, they announced that they will be rolling out\u00c2\u00a0new dedicated placement\u00c2\u00a0on the SERP for AMP Stories, starting with travel category first. On April 17, on their\u00c2\u00a0AMP Conference in Tokyo, they also announced ads and Google Analytics integration, and option to embed new types of content \u00e2\u20ac\u201d specifically Twitter posts, Google Maps, and YouTube videos that they will be rolling out later in 2019.<\/p>\n<p><span id=\"AMP_Stories_Editors_and_Builders\" class=\"mw-headline\">AMP Stories Editors and Builders:<\/span><\/p>\n<p>Since Google launched the AMP Story format, there have been a number of new SaaS that offer fast, no-code option to create AMP Stories. These tools are fit for content publishers who want to exploit the new technology, but do not know how to code, or wish to publish content in an accelerated manner without manually defining styling and layout.<\/p>\n<p><span id=\"AMP_Email\" class=\"mw-headline\">AMP Email:<\/span><\/p>\n<p>In 2019, Google\u00c2\u00a0announced the new AMP Email section\u00c2\u00a0of the AMP framework. AMP for email allows senders to include AMP components inside rich engaging emails, making modern app functionality available within email. The AMP email format provides a subset of AMPHTML components for use in email messages, that allows recipients of AMP emails to interact dynamically with content directly in the message.<\/p>\n<p><span id=\"Online_Format\" class=\"mw-headline\">Online Format:<\/span><\/p>\n<p>AMP pages are published on-line and can be displayed in most current\u00c2\u00a0browsers.\u00c2\u00a0When a standard web-page has an AMP counterpart, a link to the AMP page is usually placed in an\u00c2\u00a0HTML tag\u00c2\u00a0in the\u00c2\u00a0source code\u00c2\u00a0of the standard page. Because most AMP pages are easily discover-able by\u00c2\u00a0web crawlers, third parties such as search engines and other referring websites can choose to link to the AMP version of a web-page instead of the standard version.<\/p>\n<p><span id=\"Third_party_integration\" class=\"mw-headline\">Third party integration:<\/span><\/p>\n<p>Any organization or individual can build products or features which will work on AMP pages, provided they comply with the AMP Project specifications. As of July 2017, the AMP Project&#8217;s website listed around 120 advertising companies and around 30 analytics companies as AMP Project participants.<\/p>\n<p><span id=\"Performance\" class=\"mw-headline\">Performance:<\/span><\/p>\n<p>Google reports that AMP pages served in Google search typically load in less than one second and use ten times less data than the equivalent non-AMP pages.\u00c2\u00a0CNBC reported a 75% decrease in mobile page load time for AMP Pages over non-AMP pages,\u00c2\u00a0while\u00c2\u00a0Gizmodo\u00c2\u00a0reported that AMP pages loaded three times faster than non-AMP pages.<\/p>\n<p>An academic paper about AMP\u00c2\u00a0reveals that AMP pages&#8217; page load time is 2.5 times faster than non-AMP versions without pre-rendering in Google&#8217;s search result page, and the AMP version is approximately nine times faster than the non-AMP version with the pre-rendering.<\/p>\n<p><span id=\"Parity_with_canonical_pages\" class=\"mw-headline\">Parity with canonical pages:<\/span><\/p>\n<p>Google has announced that as of February 1, 2018, it will require the content of canonical pages and those displayed through AMP be substantially the same.\u00c2\u00a0This is aimed at improving the experience of users by avoiding common difficulties with the\u00c2\u00a0user interface, and increase security and trust (see below).<\/p>\n<p>The above is a brief about Accelerated Mobile Pages. Watch this space for more updates on the latest trends in Technology.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>AMP\u00c2\u00a0(Accelerated Mobile Pages) is a<\/p>\n","protected":false},"author":1,"featured_media":1904,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[432,7,983],"tags":[435,18,984],"class_list":["post-1902","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accelerated-mobile-pages","category-techtrends","category-web-component-framework","tag-accelerated-mobile-pages","tag-technology","tag-web-component-framework"],"_links":{"self":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/1902","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/comments?post=1902"}],"version-history":[{"count":1,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/1902\/revisions"}],"predecessor-version":[{"id":1903,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/posts\/1902\/revisions\/1903"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/media\/1904"}],"wp:attachment":[{"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/media?parent=1902"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/categories?post=1902"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.amt.in\/index.php\/wp-json\/wp\/v2\/tags?post=1902"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}