{"id":5249,"date":"2020-09-14T08:54:23","date_gmt":"2020-09-13T23:54:23","guid":{"rendered":"https:\/\/news.cafe24.com\/global\/?p=5249"},"modified":"2020-10-28T14:15:42","modified_gmt":"2020-10-28T05:15:42","slug":"what-is-accelerated-mobile-pages-amp","status":"publish","type":"post","link":"https:\/\/news.cafe24.com\/global\/what-is-accelerated-mobile-pages-amp\/","title":{"rendered":"What is Accelerated Mobile Pages (AMP)?"},"content":{"rendered":"<p><em>Accelerated Mobile Pages (AMP) is a Google-initiated web component that optimizes web experience for mobile. It uses a stripped-down, open-source framework to load websites, ads, and other online content<a href=\"https:\/\/www.brightedge.com\/glossary\/google-amps-drive-results\"> 15% to 85% more quickly<\/a>.<\/em><\/p><h2><b>How does AMP work?<\/b><\/h2><figure id=\"attachment_5250\" aria-describedby=\"caption-attachment-5250\" style=\"width: 1000px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-5250\" src=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/09\/AMP.jpg\" alt=\"\" width=\"1000\" height=\"800\" srcset=\"https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/09\/AMP.jpg 1000w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/09\/AMP-300x240.jpg 300w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/09\/AMP-768x614.jpg 768w, https:\/\/news.cafe24.com\/global\/wp-content\/uploads\/2020\/09\/AMP-750x600.jpg 750w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><figcaption id=\"caption-attachment-5250\" class=\"wp-caption-text\">Source: Gettyimagebank<\/figcaption><\/figure><p>Google announced the <a href=\"https:\/\/amp.dev\/\">AMP Project<\/a> in 2015 to optimize user experience and web performance. The initiative developed a new page format, AMP, which is only composed of the most responsive webpage elements to enable instantaneous load times.<\/p><p>Three key components make up AMP. They are:<br \/><b> <\/b><\/p><ul><li style=\"list-style-type: none;\"><ul><li>AMP HTML: a reduced form of HTML that sheds some unnecessary tags to guarantee certain baseline performance characteristics<\/li><li>AMP JavaScript (JS): a simplified JS framework that manages resource handling and asynchronous rendering<\/li><li>AMP Cache: a content delivery network with a built-in validation system that stores and optimizes page data<\/li><\/ul><\/li><\/ul><p><b> <\/b><br \/>AMP\u2019s stripped-down HTML and JS reduce the amount of work a browser must do to display a web page, cutting the load time down to <a href=\"https:\/\/instapage.com\/blog\/amp#:~:text=AMP%20uses%20AMP%20HTML%20that,the%20average%20standard%20HTML%20page.\">one second &#8211; or four times faster<\/a> than a standard HTML.<\/p><p>The AMP HTML sheds weight by eliminating specific web components like bulky images and unnecessary page styling. Meanwhile, the AMP JS enables rapid rendering of AMP HTML along with custom tags. To prevent custom tags from delaying page loading, AMP only permits asynchronous JS. This allows certain elements of a page to load separately so that the the load time will not be affected by page elements waiting to load all together.<\/p><p>All HTML and JS components are stored and validated in the cache. When a user tries to access an AMP-powered page, pre-stored page elements are pulled immediately from the cache and projected onto the mobile screen. This skips over the hassle of requesting and retrieving data for each of the page\u2019s components from the web.<\/p><p>Google prioritizes AMP pages on its search engine. Thus, they appear at the top of Google\u2019s organic search results, leading to more clicks. A lightning bolt icon marks the webpages powered by AMP.<\/p><h2><b>Faster speeds, better performance<\/b><\/h2><p>AMP increases page views, rankings, user experience, click-through rates, and ad performance \u2014 all of which are vital in boosting a website\u2019s Search Engine Optimization (SEO).<br \/><b> <\/b><br \/>Because of this, it has become popular around the globe. <a href=\"https:\/\/blog.amp.dev\/2017\/10\/19\/amp-two-years-of-user-first-webpages\/\">Google<\/a> recorded 4 billion AMP pages published online on over 25 million domains worldwide since it launched. It also supports major platforms such as Microsoft\u2019s Bing, Pinterest, and Twitter.<br \/><b> <\/b><br \/>Among the top users are news media such as CNBC, The New York Times, Washington Post, and Wired, whose success is highly dependent on speed. <a href=\"https:\/\/amp.dev\/success-stories\/cnbc\/\">CNBC<\/a> reported that integrating AMP significantly improved page load times on its website. This led to a 22% increase in mobile search users returning to the media.<br \/><b> <\/b><\/p><h2><b>AMP in e-commerce<\/b><\/h2><p>AMP can improve the speeds of e-commerce sites that are often heavy-laden with images and design sources. Many online stores market their product with several tens of images, and this can slow down site performance. Such images can be pre-loaded through the cache. When customers can quickly click through an online store, they tend to stay longer and browse more products. AMP also reduces a site\u2019s bounce rate and increases page views along with conversion rates. Such good performance allows the site to rank higher in Google\u2019s search results.<\/p><p>AMP <a href=\"https:\/\/amp.dev\/static\/files\/The_Total_Economic_Impact_Of_AMP.pdf\">increases sales conversion by 20%<\/a> in e-commerce sites. Load time and conversion rates can be directly related. In the case of Amazon, a<a href=\"https:\/\/moz.com\/blog\/amp-digital-marketing-2018\"> 0.1 second delay in load time resulted in a 1% decrease in sales<\/a> (1.3 billion dollars per year). In comparison, Walmart improved its load time by 1 second and recorded a 2% increase in conversions (274 million dollars per year).<br \/><b> <\/b><br \/>Faster load times can also deliver more satisfactory shopping experiences, especially in countries without strong internet connections.<\/p><h2><b>Cafe24 provides free AMP services<\/b><\/h2><p>Cafe24 provides a tool that merchants can use to generate AMP pages based on their online stores automatically. Merchants can edit their AMP store interface and pre-load product data and images to the cache. More importantly, they don&#8217;t need any coding background or hire third-party service providers to implement this new technology.<\/p><p><a href=\"https:\/\/news.cafe24.com\/global\/the-importance-of-amp-and-pwa-in-e-commerce\/\">Cafe24<\/a> works closely with <a href=\"https:\/\/www.youtube.com\/watch?v=n0kiGl1_vwI&amp;ab_channel=TheAMPChannel\">AMP Conf <\/a>to provide free and simple-to-use services for its merchants. Cafe24 was the first in its industry in Korea to offer AMP services.<\/p>","protected":false},"excerpt":{"rendered":"<p>Accelerated Mobile Pages (AMP) is a Google-initiated web component that optimizes web experience for mobile. It uses a stripped-down, open-source framework to load websites, ads, and other online content 15% to 85% more quickly.How does AMP work?Google announced the AMP Project in 2015 to optimize user experience and web performance. The initiative developed a new [&hellip;]<\/p>\n","protected":false},"author":9,"featured_media":5250,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[88,15],"tags":[90],"class_list":["post-5249","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-dictionary","category-press-resources","tag-terms"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts\/5249"}],"collection":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/comments?post=5249"}],"version-history":[{"count":3,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts\/5249\/revisions"}],"predecessor-version":[{"id":5253,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/posts\/5249\/revisions\/5253"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/media\/5250"}],"wp:attachment":[{"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/media?parent=5249"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/categories?post=5249"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/news.cafe24.com\/global\/wp-json\/wp\/v2\/tags?post=5249"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}