{"id":121,"date":"2025-03-14T14:32:47","date_gmt":"2025-03-14T14:32:47","guid":{"rendered":"https:\/\/cactuscredit.com\/?page_id=121"},"modified":"2025-03-14T14:32:48","modified_gmt":"2025-03-14T14:32:48","slug":"core-on-web-vitals","status":"publish","type":"page","link":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/","title":{"rendered":"Core On Web Vitals"},"content":{"rendered":"\n<div class=\"wp-block-cover alignfull\" style=\"padding-right:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--80);min-height:623px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-0 has-background-dim\" style=\"background-color:#003b01\"><\/span><img loading=\"lazy\" decoding=\"async\" width=\"1600\" height=\"622\" class=\"wp-block-cover__image-background wp-image-107\" alt=\"About\" src=\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg\" data-object-fit=\"cover\" srcset=\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg 1600w, https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg-300x117.jpg 300w, https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg-1024x398.jpg 1024w, https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg-768x299.jpg 768w, https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg-1536x597.jpg 1536w\" sizes=\"auto, (max-width: 1600px) 100vw, 1600px\" \/><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<h1 class=\"wp-block-heading\" style=\"font-size:70px\">Core On Web Vitals, A Smas Magazine Case Study<\/h1>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull has-nv-text-dark-bg-color has-text-color has-link-color wp-elements-db4bf24a941a7009c56e64adbd24d0af\" style=\"min-height:420px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-nv-site-bg-background-color has-background-dim-100 has-background-dim\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:30px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column has-nv-dark-bg-color has-text-color has-link-color wp-elements-53ca5e03f9e4750bf20f7b613ab0b40c is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\">\n<p><\/p>\n\n\n\n<p class=\"has-text-align-left\">A great commerce experience cannot be distilled to a single number. It\u2019s not a Lighthouse score, or a set of Core Web Vitals figures, although both are important inputs. A great commerce experience is a trilemma that carefully balances competing needs of delivering great customer experience, dynamic storefront capabilities, and long-term business \u2014 conversion, retention, re-engagement \u2014 objectives. As developers, we rightfully obsess about the customer experience, relentlessly working to squeeze every millisecond out of the critical rendering path, optimize input latency, and eliminate jank. At the limit, statically generated, edge delivered, and HTML-first pages look like the optimal strategy. That is until you are confronted with the realization that the next step function in improving conversion rates and business.<\/p>\n\n\n\n<p class=\"has-text-align-left\">Choices to take a holiday and travelling out in this pandemic situation are limited. Why not take a stay action on quality.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"a-cleansing-hot-shower-or-bath\">A cleansing hot shower or bath<\/h3>\n\n\n\n<p>The journey, often, starts \u201csimple\u201d with localization. But then, quickly advances to contextual pricing, juggling complexity of large and frequently updated product catalog, managing continuously running multivariate tests and promotion campaigns, and serving customer-tailored dynamic recommendations. Eventually, you reach a realization that every page is similar to an open Tetris board where each \u201cslot\u201d can and should be dynamically tailored by dynamic visitor preferences, all powered by an ever-growing set of dynamic business rules.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"setting-the-mood-with-incense\">Setting the mood with incense<\/h3>\n\n\n\n<p>From connecting back-office operations to front-of-the-house A\/B testing and dynamic personalization for each customer, the shared foundation is fast server side rendering powered by fast storefront data access. On top of this foundation, we add layers of caching, prerendering and edge delivery optimizations \u2014 not the other way around.<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Your child\u2019s interests, likes, dislikes<\/li>\n\n\n\n<li>Their routines- patterns of eating, sleeping, toileting<\/li>\n\n\n\n<li>Your child\u2019s current wellbeing<\/li>\n\n\n\n<li>\u00a0Any major events taking place at home<\/li>\n<\/ul>\n\n\n\n<p>Surveying the existing landscape of available developer tools and runtimes, we felt that there is a gap. Enabling dynamic commerce requires close integration between server and client, an optimized streaming and data fetch strategy, and a production platform that operates at scale. These are hard technical problems that Shopify can help solve and this is why we\u2019ve been hard at work on the Hydrogen framework. It\u2019s a React-based framework optimized for commerce and specialized to be powered by Shopify APIs and infrastructure: The future of commerce is dynamic and personalized.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\">\n<p><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:80px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:0px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-cover alignfull\" style=\"min-height:317px;aspect-ratio:unset;\"><span aria-hidden=\"true\" class=\"wp-block-cover__background has-background-dim-100 has-background-dim\" style=\"background-color:#2c3e50\"><\/span><div class=\"wp-block-cover__inner-container is-layout-flow wp-block-cover-is-layout-flow\">\n<div style=\"height:40px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"has-text-align-center has-nv-text-dark-bg-color has-text-color has-link-color wp-elements-d719a0c50021e105e5981cfd02a65202\">Copyright \u00a9 cactuscredit.com . All Rights Reserved 2025<\/p>\n\n\n\n<p class=\"has-text-align-center has-nv-site-bg-color has-text-color has-link-color wp-elements-876280fdaf77d3de8318ef652de9f849\"><a href=\"\/terms-and-conditions\/\" target=\"_blank\" rel=\"noreferrer noopener\">Terms and Conditions<\/a> | <a href=\"\/privacy-policy\/\" target=\"_blank\" rel=\"noreferrer noopener\">Privacy Policy<\/a><\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:20%\"><\/div>\n<\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"on","neve_meta_content_width":100,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"on","neve_meta_disable_title":"on","footnotes":""},"class_list":["post-121","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Core On Web Vitals - Cactus Credit<\/title>\n<meta name=\"description\" content=\"A great commerce experience cannot be distilled to a single number.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Core On Web Vitals - Cactus Credit\" \/>\n<meta property=\"og:description\" content=\"A great commerce experience cannot be distilled to a single number.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/\" \/>\n<meta property=\"og:site_name\" content=\"Marketing Agency\" \/>\n<meta property=\"article:modified_time\" content=\"2025-03-14T14:32:48+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/\",\"url\":\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/\",\"name\":\"Core On Web Vitals - Cactus Credit\",\"isPartOf\":{\"@id\":\"https:\/\/cactuscredit.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg\",\"datePublished\":\"2025-03-14T14:32:47+00:00\",\"dateModified\":\"2025-03-14T14:32:48+00:00\",\"description\":\"A great commerce experience cannot be distilled to a single number.\",\"breadcrumb\":{\"@id\":\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#primaryimage\",\"url\":\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg\",\"contentUrl\":\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg\",\"width\":1600,\"height\":622},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cactuscredit.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Core On Web Vitals\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cactuscredit.com\/#website\",\"url\":\"https:\/\/cactuscredit.com\/\",\"name\":\"Marketing Agency\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/cactuscredit.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cactuscredit.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/cactuscredit.com\/#organization\",\"name\":\"Marketing Agency\",\"url\":\"https:\/\/cactuscredit.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/cactuscredit.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/logo-agency.png\",\"contentUrl\":\"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/logo-agency.png\",\"width\":200,\"height\":200,\"caption\":\"Marketing Agency\"},\"image\":{\"@id\":\"https:\/\/cactuscredit.com\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Core On Web Vitals - Cactus Credit","description":"A great commerce experience cannot be distilled to a single number.","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":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/","og_locale":"en_US","og_type":"article","og_title":"Core On Web Vitals - Cactus Credit","og_description":"A great commerce experience cannot be distilled to a single number.","og_url":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/","og_site_name":"Marketing Agency","article_modified_time":"2025-03-14T14:32:48+00:00","og_image":[{"url":"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg","type":"","width":"","height":""}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/","url":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/","name":"Core On Web Vitals - Cactus Credit","isPartOf":{"@id":"https:\/\/cactuscredit.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#primaryimage"},"image":{"@id":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#primaryimage"},"thumbnailUrl":"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg","datePublished":"2025-03-14T14:32:47+00:00","dateModified":"2025-03-14T14:32:48+00:00","description":"A great commerce experience cannot be distilled to a single number.","breadcrumb":{"@id":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#primaryimage","url":"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg","contentUrl":"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/about-bg.jpg","width":1600,"height":622},{"@type":"BreadcrumbList","@id":"https:\/\/cactuscredit.com\/core-on-web-vitals-a-smashing-magazine-case-study\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cactuscredit.com\/"},{"@type":"ListItem","position":2,"name":"Core On Web Vitals"}]},{"@type":"WebSite","@id":"https:\/\/cactuscredit.com\/#website","url":"https:\/\/cactuscredit.com\/","name":"Marketing Agency","description":"","publisher":{"@id":"https:\/\/cactuscredit.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cactuscredit.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/cactuscredit.com\/#organization","name":"Marketing Agency","url":"https:\/\/cactuscredit.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/cactuscredit.com\/#\/schema\/logo\/image\/","url":"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/logo-agency.png","contentUrl":"https:\/\/cactuscredit.com\/wp-content\/uploads\/2025\/03\/logo-agency.png","width":200,"height":200,"caption":"Marketing Agency"},"image":{"@id":"https:\/\/cactuscredit.com\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/pages\/121","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/comments?post=121"}],"version-history":[{"count":2,"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions"}],"predecessor-version":[{"id":129,"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/pages\/121\/revisions\/129"}],"wp:attachment":[{"href":"https:\/\/cactuscredit.com\/index.php\/wp-json\/wp\/v2\/media?parent=121"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}