{"id":86475,"date":"2019-06-19T10:30:24","date_gmt":"2019-06-19T15:30:24","guid":{"rendered":"https:\/\/wpengine.com\/?p=86475"},"modified":"2023-09-13T14:35:01","modified_gmt":"2023-09-13T19:35:01","slug":"speed-up-mobile-performance-with-genesis-3-0-amp","status":"publish","type":"post","link":"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/","title":{"rendered":"Speed Up Mobile Performance with Genesis 3.0 + AMP"},"content":{"rendered":"\n<p>The world\u2019s most popular WordPress theme framework, <a href=\"https:\/\/wpengine.com\/genesis\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">Genesis<\/a>, just got a whole lot more powerful. <br><\/p>\n\n\n\n<p>Genesis is already used by more than 600,000 WordPress sites because it comes with the security, design, layout, SEO, and performance features needed to power a professional website. <br><\/p>\n\n\n\n<p>Today, WP Engine is releasing Genesis 3.0, &nbsp;the latest version of the Genesis Framework, which builds on all of those great features and doubles down on a pain point that continues to pose a challenge: the mobile device user experience (UX). &nbsp;&nbsp;<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>The Trouble with Mobile UX<\/strong><br><\/h2>\n\n\n\n<p>In 2018, 58% of web traffic came from mobile devices, while the average mobile bounce rate was 50%. More people are visiting websites on their mobile devices but performance issues and bad user experiences are causing them to flee, quickly. The <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/amp.dev\/\" target=\"_blank\" rel=\"noreferrer noopener\">Accelerated Mobile Pages<\/a> (AMP) project is a publishing format created by Google to tackle that challenge head-on and enhance site performance for mobile website users. AMP pages are specially designed for search users to quickly load website pages without using any extraneous or unnecessary data. <br><\/p>\n\n\n\n<p>At its core, AMP began in response to the negative effect monetization was having on many websites, including excess ads resulting in displaced content, slow load times, and bad overall user experience. AMP works via three core components: AMP HTML, AMP JS, and AMP Cache. AMP HTML is a restricted subset of HTML that enables the HTML to work better with AMP JS and AMP Cache, resulting in a fast and efficient mobile experience.<br><\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>A Trajectory of Success <\/strong><br><\/h2>\n\n\n\n<p><a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/blog.amp.dev\/2017\/10\/19\/amp-two-years-of-user-first-webpages\/\" target=\"_blank\">Within the first two years<\/a> of its launch (2015-2017), AMP grew from a select few domains and web pages to more than 25 million domains publishing more than 4 billion AMP pages. During this initial period, AMP was primarily used by publishers to speed up page load times, improve retention, and increase page views. Sites like <a rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\" href=\"https:\/\/www.washingtonpost.com\/\" target=\"_blank\">The Washington Post<\/a>, which now publishes more than 1,000 articles using AMP every day, saw a <a href=\"https:\/\/amp.dev\/success-stories\/washingtonpost\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\" (opens in a new tab)\">23% increase<\/a> in mobile users who return within seven days.<\/p>\n\n\n\n<p>AMP\u2019s ability to increase page views is undeniable. In recent years, the project has evolved to include brands in many other ways. Today, leveraging AMP is essential for lead generation and revenue growth, because, in addition to faster load times, AMP sites see better SERP (Search Engine Results Page) benefits. AMP caching, which \u201cprefetches\u201d your website from the Google search engine, delivers near-instant page load times! In June 2018, Google began testing the AMP lightning bolt on mobile search ads and today, a significant amount of top paid search results include AMP pages. <br><\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2019\/06\/AMPexaample-1024x1024.jpg\" alt=\"\" class=\"wp-image-86482\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/06\/AMPexaample-1024x1024.jpg 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/06\/AMPexaample-150x150.jpg 150w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/06\/AMPexaample-300x300.jpg 300w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/06\/AMPexaample-768x768.jpg 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/06\/AMPexaample-1500x1500.jpg 1500w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">A small lightning bolt icon occurs next to mobile search results using AMP. <\/figcaption><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Merging AMP Into Genesis Core <\/strong><br><\/h2>\n\n\n\n<p>Genesis 3.0 brings AMP functionality directly into Genesis core, making it easier for developers to build AMP compatible themes and sites with Genesis. By bringing this functionality into the Genesis Framework, sites see faster load times, better SERP (Search Engine Results Page) benefits, and the benefits of AMP caching on mobile. Previously, AMP could be utilized in Genesis via third-party apps and plugins. By merging AMP functionality into Genesis 3.0, Genesis users can now use the powerful theme framework as a one-stop-shop for incorporating AMP in their sites. &nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-video\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" controls src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2018\/12\/GenesisAMP.mp4\"><\/video><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Start Enjoying All The Benefits of AMP in Genesis 3.0 and via Atomic Blocks <\/strong><br><\/h2>\n\n\n\n<p>Speed up development time, customize your mobile and desktop experiences, and increase mobile satisfaction with Genesis 3.0 + AMP. When using Genesis 3.0, customers will be able to enjoy all the benefits of the Genesis framework plus a convenient, easy-to-use tool for adding AMP to any page. <br><\/p>\n\n\n\n<p>In addition to the AMP tool within the framework, Genesis users can also experiment with AMP using specialized themes. We will be incorporating AMP-functionality into the <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/demo.studiopress.com\/genesis-sample\/\" target=\"_blank\" rel=\"noreferrer noopener\">Genesis Sample Theme<\/a> (free with all Genesis purchases) and the <a aria-label=\" (opens in a new tab)\" href=\"https:\/\/my.studiopress.com\/themes\/essence\/\" target=\"_blank\" rel=\"noreferrer noopener\">Essence Pro Theme<\/a>. Finally, Atomic Blocks, which is a beautiful collection of page-building blocks designed for the new WordPress post editor, is now AMP-ready. <br><\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><a href=\"https:\/\/wpengine.com\/genesis-amp\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"Get started with Genesis 3.0 and AMP today! (opens in a new tab)\">Get started with Genesis 3.0 and AMP today!<\/a><br><\/h3>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The world\u2019s most popular WordPress theme framework, Genesis, just got a whole lot more powerful. Genesis is already used by more than 600,000 WordPress sites because it comes with the security, design, layout, SEO, and performance features needed to power a professional website. Today, WP Engine is releasing Genesis 3.0, &nbsp;the latest version of the<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":173,"featured_media":86502,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5,1295,838],"tags":[],"class_list":["post-86475","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-development","category-genesis","category-site-speed-and-performance"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Speed Up Mobile Performance with Genesis 3.0 + AMP<\/title>\n<meta name=\"description\" content=\"Introducing Genesis 3.0 which brings AMP (Accelerated Mobile Pages) functionality into Genesis core. The release also includes specialized themes and Atomic Blocks.\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Speed Up Mobile Performance with Genesis 3.0 + AMP\" \/>\n<meta property=\"og:description\" content=\"Introducing Genesis 3.0 which brings AMP (Accelerated Mobile Pages) functionality into Genesis core. The release also includes specialized themes and Atomic Blocks.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:published_time\" content=\"2019-06-19T15:30:24+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-09-13T19:35:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/06\/GenesisAMP_hero.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2400\" \/>\n\t<meta property=\"og:image:height\" content=\"1260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Alyssa Cuda\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@wpengine\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Alyssa Cuda\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/\",\"url\":\"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/\",\"name\":\"Speed Up Mobile Performance with Genesis 3.0 + AMP\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2019-06-19T15:30:24+00:00\",\"dateModified\":\"2023-09-13T19:35:01+00:00\",\"author\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a\"},\"description\":\"Introducing Genesis 3.0 which brings AMP (Accelerated Mobile Pages) functionality into Genesis core. The release also includes specialized themes and Atomic Blocks.\",\"breadcrumb\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Speed Up Mobile Performance with Genesis 3.0 + AMP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a\",\"name\":\"Alyssa Cuda\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g\",\"caption\":\"Alyssa Cuda\"},\"description\":\"Alyssa is a Content Specialist at WP Engine. If she\u2019s not searching for a swimming hole to escape the heat in, you can usually find her baking something caloric or reading.\u2002\u2002\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Speed Up Mobile Performance with Genesis 3.0 + AMP","description":"Introducing Genesis 3.0 which brings AMP (Accelerated Mobile Pages) functionality into Genesis core. The release also includes specialized themes and Atomic Blocks.","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"Speed Up Mobile Performance with Genesis 3.0 + AMP","og_description":"Introducing Genesis 3.0 which brings AMP (Accelerated Mobile Pages) functionality into Genesis core. The release also includes specialized themes and Atomic Blocks.","og_url":"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_published_time":"2019-06-19T15:30:24+00:00","article_modified_time":"2023-09-13T19:35:01+00:00","og_image":[{"width":2400,"height":1260,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2019\/06\/GenesisAMP_hero.jpg","type":"image\/jpeg"}],"author":"Alyssa Cuda","twitter_card":"summary_large_image","twitter_creator":"@wpengine","twitter_site":"@wpengine","twitter_misc":{"Written by":"Alyssa Cuda","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/","url":"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/","name":"Speed Up Mobile Performance with Genesis 3.0 + AMP","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2019-06-19T15:30:24+00:00","dateModified":"2023-09-13T19:35:01+00:00","author":{"@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a"},"description":"Introducing Genesis 3.0 which brings AMP (Accelerated Mobile Pages) functionality into Genesis core. The release also includes specialized themes and Atomic Blocks.","breadcrumb":{"@id":"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wpengine.com\/case-studies\/speed-up-mobile-performance-with-genesis-3-0-amp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Speed Up Mobile Performance with Genesis 3.0 + AMP"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/2e7ae57f60120ddae3dc029b03cfa81a","name":"Alyssa Cuda","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/9031010d4260959c1fffb0b199ffa33db42a2b53baa3bf9927a289237e907252?s=96&d=mm&r=g","caption":"Alyssa Cuda"},"description":"Alyssa is a Content Specialist at WP Engine. If she\u2019s not searching for a swimming hole to escape the heat in, you can usually find her baking something caloric or reading.\u2002\u2002"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/86475","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/173"}],"replies":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/comments?post=86475"}],"version-history":[{"count":0,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/posts\/86475\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/86502"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=86475"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/categories?post=86475"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/tags?post=86475"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}