Weaverse LogoWeaverse
All ArticlesPaul Phan
5 mins read

Weaverse Weekly #4: Headless is almost never about loading speed.

Hello hello friends of Weaverse, how are you doing? One day left until Shopify Winter Edition 2024 - what’s your bet? If we go by previous editors, then my best guess would be: At least 20% would be Hydrogen and Custom Storefront updates More APIs ...
#shopify-development#shopify

Hello hello friends of Weaverse, how are you doing?

One day left until Shopify Winter Edition 2024 - what’s your bet?

If we go by previous editors, then my best guess would be:

Since I’ll be spamming your LinkedIn feed once the Winter 2024 edition drops, I’ll keep this newsletter short and to the point :) Let’s go.

The Best Writing About Headless, WebDev, and Everything In Between

In the same way, Leo Tolstoy said “All happy families are alike; each unhappy family is unhappy in its own way”, I said, “All good headless builds are alike, each bad headless build is bad in its own way”.

It’s true, there are almost as many ways you can f*ck up your headless implementation as how you implement headless correctly. This is why learning - not just about headless, but web dev in general - is important, and here is what I read this week:

Headless Commerce is not about loading speed. It’s about speed of action

A lot of people I talked to think headless commerce is all about making websites slightly faster. Studies beg to differ - and what is less obvious here, and what most of us don’t see, is this:

Speed prompts actions.

Google understood this best - as they famously prioritized speed in their product development. Here’s how James Somers - NYT writer put it in an article about Google history:

“They realized that if search is fast, you’re more likely to search. The reason is that it encourages you to try stuff, get feedback, and try again. When a thought occurs to you, you know Google is already there. There is no delay between thought and action, no opportunity to lose the impulse to find something out.”

If slow page load times are a big blocker, then fast page load times act like propellant.

In Daniel Kahneman's "Thinking, Fast and Slow”, we learn that the human mind operates in two modes: "System 1" (fast thinking) and "System 2" (slow thinking). System 1 is responsible for quick, intuitive decisions and responses, while System 2 engages in more deliberate and analytical thinking processes. When a user visits your website, their initial impression is influenced by the website's loading speed. A fast-loading site aligns with the efficiency and speed of System 1 thinking. It eliminates delays and friction, enabling users to access the information or products they seek swiftly.

They act faster. They buy faster.

On the other hand, System 2 corresponds to slow, deliberate thinking. In the context of slow website loading times, users are forced into a slower cognitive mode. When a website lags or takes an extended period to load, it disrupts the user's flow and patience. In this state, users are more likely to engage in contemplation, questioning whether they should wait for the site to load or abandon it altogether. The longer the delay, the deeper users descend into System 2 thinking, where they weigh the costs and benefits of continuing their browsing.

They leave.

A quick summary from ReadingGraphics

Speed changes the way users behave. Nelson Elhage put it best (tho he was talking about software - the implications apply to eCommerce).

“What is perhaps less apparent is that having faster tools changes how users use a tool or perform a task. Users almost always have multiple strategies available to pursue a goal (purchasing a product) — including deciding to work on something else entirely (switching to other stores) — and they will choose to use faster tools more and more frequently (how many stores selling the same things as you do). Fast tools don’t just allow users to accomplish tasks faster; they allow users to accomplish entirely new types of tasks, in entirely new ways.

Now when you see web dev optimization through the lens of action speed - how fast you can get shoppers from point A to point B - you see headless and web dev in a radically new way.

Take the most fundamental thing: Site designs.

No matter how good your site design is, there’s always a gap between digital representation and real-life products. Shoppers inevitably question how your products look like in real life. So they take their time - to find the video, to read the review, to imagine. How do you increase the speed of action here? You let shoppers see your product in 3D, interact with it, and even try it on virtually, all without leaving your product page.

Another example is Social Selling. You have a viral video on TikTok or Instagram and viewers flock to your store. However, between app switching and multiple clicks of tabs, they find their enthusiasm dwindled by the time they got to your product page. Let alone the fact that most social media apps now want to monopolize their traffic with zero-click content. They don’t want to drive traffic back to your storefronts. The course of action from when they’re interested in your product, to when they’re ready to buy, would take a millennia.

Your best strategy for faster speed of action? Convert them where they are. Omni-channel and seamless synchronization between all platforms. You want to grab people's attention wherever they are, whenever they want.

And of course, the best way (not the only way) to achieve all of these eCom wonders, to bring in this unified, frictionless shopping experience is Headless Commerce.

It’s expensive, I agree. But so was AI assistant. In 2020, if you wanted something like ChatGPT, you had to pay around $100/month for it. Now it’s just $20/month and way more powerful. And so were computers and solar panels and cars. Technological progress almost always brings broadened access and cheaper prices.

The story with Shopify headless commerce is the same, I believe. You need to pay attention to people who will make it happen.

--

P/s: Yep I’m bullish, you might already know it. Hope keeps us alive.

Reactions

Like
Love
Celebrate
Insightful
Cool!
Thinking

Join the Discussion

Continue Reading

More insights from the Weaverse team

Why Your Shopify Storefront Needs to Be AI-Ready Right Now

Why Your Shopify Storefront Needs to Be AI-Ready Right Now Breaking: Shopify just emailed merchants that ChatGPT integration is coming "later in March." Buyers will find your products and complete purchases inside ChatGPT. But here's what most people missed: OpenAI simultaneously scaled back Instant Checkout. Purchases now redirect to your storefront. That changes everything. What just happened Two signals, one story: Shopify Agentic Storefronts — confirmed launch in March. Your products become discoverable and purchasable inside ChatGPT. OpenAI's checkout pivot — no more seamless Instant Checkout. AI sends buyers to merchant storefronts to close the deal. Harley Finkelstein called this "the transformation of a lifetime" at Upfront Summit LA on March 16. The implication: AI will drive high-intent traffic to your storefront. Whether you convert them depends on how AI-ready your store is. Why headless wins this shift Here's the technical reality most merchants don't understand: AI agents don't browse like humans. They don't see your beautiful Liquid theme. They parse structured data. When ChatGPT recommends your product and the buyer clicks through, what happens next depends on your architecture: Liquid ThemeHydrogen Headless HTML parsing requiredDirect Storefront API access Slower TTFBEdge-deployed on Oxygen Limited structured dataFull JSON-LD control Customer account frictionNative Customer Account API AI-referred traffic is high intent. These aren't browsers. These are buyers who've already decided. A slow, unoptimized Liquid store wastes that intent. The developer checklist for AI-readiness If you're building on Shopify in 2026, here's what "AI-ready" actually means: 1. Structured product data (metafields) AI agents parse metafields to understand your products. If your specs live only in HTML descriptions, AI can't read them. Action: Move critical product data to metafields. Use standard namespaces (custom.specs, custom.materials, etc.). 2. JSON-LD schema markup Google's crawlers aren't the only consumers of structured data anymore. AI agents rely on schema.org markup to understand your catalog. Action: Implement Product, Offer, and Organization schema. Validate with Google's Rich Results Test. 3. Sub-1000ms TTFB on mobile AI-referred buyers expect instant loads. If your Liquid theme takes 3+ seconds, you've lost them before they see your product. Action: Audit Core Web Vitals. Consider Hydrogen + Oxygen for AI-critical traffic paths. 4. Customer Account API readiness AI-assisted purchases still require authentication. Legacy customer accounts create friction. The new Customer Accounts system is built for this world. Action: Migrate from legacy customer accounts. Enable multipass for seamless AI-to-storefront handoffs. What OpenAI's pullback really means The Instant Checkout retreat isn't a failure. It's a recognition: Merchant storefronts matter. AI can find products. It can compare specs. It can build carts. But the final purchase decision—trust, brand experience, upsells—still happens on your turf. This is good news for serious merchants. It means: You control the conversion experience You own the customer data You can optimize for AI-referred traffic specifically But only if your storefront is built for it. The hidden risk: AI-referred traffic is unforgiving Here's what keeps me up at night: AI-referred buyers have zero patience. They didn't come from Google search, slowly evaluating options. They came from ChatGPT, where an AI already narrowed their choices. By the time they hit your store, they're ready to buy. If your store: Takes 3+ seconds to load Has broken mobile navigation Requires account creation before checkout Can't handle high-intent traffic spikes You don't just lose a sale. You waste the most valuable traffic source emerging in 2026. What to do right now This week: Audit your mobile load speed Check metafield coverage on top 20 products Validate JSON-LD schema This month: Test your Storefront API response times Review Customer Accounts migration status Evaluate Hydrogen for AI-critical paths This quarter: Build AI-readiness into your 2026 roadmap Consider headless for high-intent landing experiences Implement proper analytics for AI-referred traffic attribution The bigger picture Agentic commerce isn't coming. It's here. Shopify's integration with ChatGPT is just the start. Google, Meta, and every major platform are building AI shopping experiences. The question isn't whether AI will drive commerce traffic. It's whether your storefront is ready to receive it. The merchants who win in 2026 won't just have great products. They'll have infrastructure designed for an AI-first shopping journey—structured data, fast APIs, and storefronts that convert high-intent AI referrals. Don't optimize for yesterday's traffic. Build for tomorrow's. Ready to audit your storefront's AI-readiness? Talk to Weaverse. FAQ When does Shopify Agentic Storefronts launch? Shopify emailed merchants it will arrive "later in March 2026." Does this work with Liquid themes? Technically yes, but Liquid themes face structural limitations (parsing requirements, TTFB, structured data control) that Hydrogen headless storefronts don't have. What happened to OpenAI Instant Checkout? OpenAI scaled back the feature. AI-assisted purchases now redirect to merchant storefronts rather than completing inside ChatGPT. Is this only for Shopify Plus? No, Agentic Storefronts will be available to all Shopify merchants, though implementation complexity varies by plan. How do I track AI-referred traffic? Implement UTM parameters and proper attribution. Shopify hasn't released specific AI referral tracking yet, but standard analytics with custom segments can help. Sources TechCrunch: Shopify and OpenAI agentic commerce Modern Retail: Agentic storefronts explained Shopify Changelog: Upcoming features Ringly: Agentic commerce analysis

By Paul Phan
Read

Shopify’s CEO Used a Coding Agent to Make Liquid 53% Faster — What That Means for Shopify Teams

Shopify’s CEO Used a Coding Agent to Make Liquid 53% Faster — What That Means for Shopify Teams When Shopify CEO Tobi Lütke shared that work on Liquid had delivered 53% faster parse + render and 61% fewer allocations, the obvious takeaway was simple: Liquid just got faster. That matters. But the bigger signal is more important: AI coding agents are now producing meaningful improvements inside mature commerce infrastructure. This was not a toy demo or a greenfield side project. It was a serious optimization effort on one of Shopify’s most battle-tested open-source systems — with public benchmarks, a real pull request, and dozens of iterative experiments behind it. For Shopify teams, that is the real story. The takeaway is not just that Liquid got faster. It is that the workflow behind the gain — benchmarks, tests, and agent-driven experimentation — is becoming a practical advantage for teams building across the Shopify stack. Shopify CEO Tobi Lütke publicly shared the Liquid performance work via X, while the linked pull request documents the result: 53% faster parse + render and 61% fewer allocations. The more interesting takeaway is not the headline number alone — it is that AI-assisted optimization is now working on production-grade commerce infrastructure. Source: Tobi Lütke on X and Shopify’s public Liquid PR #2056. The actual news The public Liquid pull request shows a serious optimization effort: 93 commits around 120 autonomous experiments 53% faster parse + render 61% fewer allocations This was not magic. It was a disciplined workflow: define the benchmark give the agent a measurable target let it test many ideas quickly keep the safety net tight with tests That combination matters. The AI did not replace engineering judgment. It accelerated the search space. And that is exactly why this is a bigger story than “Liquid got faster.” Why this matters beyond Liquid Liquid is one of the most mature codebases in the Shopify world. It has been touched by hundreds of contributors, hardened over years, and optimized in ways most teams never reach. So when a coding agent still manages to find meaningful gains there, it tells us something important: AI-assisted optimization is no longer theoretical. It works best when three things already exist: a strong test suite a clear benchmark a codebase worth improving That applies far beyond Liquid. It applies to: Shopify themes Hydrogen storefronts internal apps data transformation pipelines storefront rendering bottlenecks ecommerce developer tooling In other words, this is not just a Ruby templating story. It is a workflow story. The real unlock is not “AI writes code.” It is faster experimentation against benchmarks and tests. Liquid is not dead. Shopify is still investing in it There is a lazy narrative in headless commerce that goes something like this: Liquid is legacy. Hydrogen is the future. Reality is more useful than that. Shopify is still clearly investing in Liquid because Liquid still powers a massive share of real storefronts. Faster Liquid benefits merchants immediately. It improves the baseline for Online Store 2.0 teams. And it reminds everyone that themes are still the default for a reason: simpler operations lower implementation cost fewer moving parts stronger guardrails That matters. For many brands, the right answer in 2026 is still not “go headless.”It is “make the current storefront better.” This update strengthens that case. What Hydrogen teams should learn from this If you work on Hydrogen, the lesson is not “Liquid won.” The lesson is: the cost of optimization is changing. Hydrogen still gives teams things Liquid cannot easily match: more custom UX control richer interactive storefront patterns deeper architectural flexibility better fit for complex multi-surface commerce experiences stronger alignment with custom React workflows That has not changed. But this story does highlight a new reality: Teams that know how to combine benchmarks + tests + agents will improve faster than teams that do not. That matters just as much in Hydrogen as it does in Liquid. Because the bottleneck for many headless teams is not just framework choice.It is iteration speed. How fast can you: identify a real bottleneck test a hypothesis run experiments safely keep code quality high ship improvements without blowing up the roadmap AI agents are getting very good at exactly that layer of work. The real takeaway: Liquid vs Hydrogen is still the wrong fight A lot of Shopify discourse still wants a clean winner. Liquid or Hydrogen.Themes or headless.Simple or modern. That framing misses the point. The more useful mental model is: Liquid gives you guardrails Hydrogen gives you leverage AI lowers the cost of improving both That is the shift. For a standard storefront with a small team, Liquid remains the safer default.For teams that need custom experiences, deeper control, or more ambitious frontend capability, Hydrogen can still be the right move. But now there is a new force compressing the gap: AI-assisted development is making optimization cheaper on both sides. That does not erase tradeoffs.It just changes the economics of improvement. The story is bigger than Liquid vs Hydrogen. AI is lowering the cost of improving both. What Shopify teams should do now Instead of treating this story as a Liquid-vs-Hydrogen argument, use it as a prompt to improve your own workflow. If you are on Liquid Do this first: audit app bloat review script load trim media weight benchmark core templates identify repeated render bottlenecks Then ask: what can be measured clearly? what can be tested safely? where can agents help us search for improvements faster? You may not get a 53% gain. But you may find meaningful wins that were too tedious to chase manually. If you are on Hydrogen Do not dismiss this as irrelevant because it happened in Liquid. Instead ask: where are our real rendering bottlenecks? what parts of the storefront are slow but measurable? what repetitive optimization work keeps getting deprioritized? do we have the tests and benchmarks needed to let agents help? The teams that benefit most from coding agents will not just be the teams with the newest stack. They will be the teams with the clearest feedback loops. Why this matters for modern Shopify teams At Weaverse, we care about Hydrogen because merchants need more than raw frontend flexibility. They need a way to move faster without turning every storefront change into a developer bottleneck. That is why this moment matters. The future is not just “AI writes code.” The future is: better workflows tighter feedback loops safer experimentation faster implementation lower cost of iteration across the storefront stack That applies whether you are optimizing Liquid or building on Hydrogen. And it is exactly why the best Shopify teams in 2026 will not just choose the right stack. They will choose the right development system. Final thought Tobi’s Liquid optimization story is not just impressive because of the number. It is impressive because it shows what happens when AI is used the right way: clear goal measurable target strong tests lots of rapid experimentation That pattern is bigger than Liquid. It is a preview of how serious Shopify teams will build and optimize from here. The future is not Liquid versus Hydrogen. It is teams using AI to make both better. FAQ Does this mean Liquid is better than Hydrogen? No. It means Liquid is still improving, and that AI-assisted optimization can create real gains in mature systems. Hydrogen still makes sense for teams that need more control, flexibility, and custom UX. Does this prove AI can optimize production code safely? It shows AI can contribute meaningfully when the workflow is disciplined. The key ingredients are benchmarks, tests, and human review. Why does this matter for Shopify merchants? Because the economics of improvement are changing. Teams may be able to ship better performance and faster iterations without needing the same amount of manual optimization effort. What should merchants do right now? If you are on Liquid, improve the existing storefront before assuming headless is necessary. If you are on Hydrogen, invest in stronger benchmarks and test coverage so your team can use agents safely and effectively. What is the bigger strategic takeaway? The biggest shift is not one framework beating another. It is that AI is reducing the cost of experimentation across the Shopify stack. Sources Tobi Lütke on X Shopify/liquid PR #2056 Simon Willison: 53% faster parse+render, 61% fewer allocations

By Paul Phan
Read
AI Coding Agents Just Raised $9B — Here’s What That Means for Headless Commerce Builders

AI Coding Agents Just Raised $9B — Here’s What That Means for Headless Commerce Builders

AI Coding Agents Just Raised $9B — Here’s What That Means for Headless Commerce Builders Replit just raised $400 million at a $9 billion valuation. That’s not just a startup funding headline. It’s a market signal. AI coding agents have moved from novelty to infrastructure. They are no longer just autocomplete tools. They can now scaffold apps, debug code, ship features, and increasingly manage larger chunks of the software workflow with minimal human input. Latent Space framed it well: coding is becoming “approximately solved.” But for commerce builders, that does not mean the hard part is over. It means the bottleneck is moving. The new challenge is no longer just writing code faster. It’s turning AI-generated code into storefronts that actually perform, convert, and stay maintainable inside a fast-changing commerce ecosystem. That is where headless commerce builders need to pay attention. The $9B signal is bigger than Replit A $9B valuation on an AI coding platform tells you something important: software creation is becoming agent-driven. That changes expectations for everyone building digital products. Soon, more founders, marketers, merchants, and operators will expect to: describe a product in plain language generate an app or storefront scaffold instantly deploy quickly iterate with AI as the default workflow This is what people call vibe coding. And yes, it’s real. But in ecommerce, generated code is only the starting point. Because a storefront is not just an app.It is a revenue system. Why generic AI coding breaks down in commerce AI coding agents are getting better at: generating React apps wiring CRUD flows producing UI components deploying prototypes speeding up iteration loops What they still do poorly is understanding commerce-specific complexity. A generic agent can scaffold a storefront. It usually cannot reason deeply about: Shopify Storefront API patterns SSR and edge caching strategy product and variant architecture collection and merchandising logic section-based visual editing market-aware storefront behavior conversion-sensitive UX decisions long-term maintainability for merchant teams That gap matters. Because in headless commerce, speed alone is not the advantage.Useful speed is. Shipping the wrong architecture faster is still a loss. Shopify is making the stack more powerful — and more demanding At the same time AI coding agents are getting stronger, Shopify is pushing deeper into a full-stack commerce platform model. The platform is evolving across: APIs checkout discounts identity analytics fulfillment personalization AI-facing commerce infrastructure That means builders need to keep up with a stack that is not getting simpler. For headless teams, this raises the bar. You are not just building a frontend anymore.You are building on top of a moving commerce operating system. In practice, that means AI-generated code needs to work with: Shopify API changes Hydrogen conventions real merchant workflows structured data requirements performance expectations ecosystem constraints That is why generic code generation is not enough. The real shift: from code generation to domain execution This is the part most people miss. The future is not AI replacing builders.The future is AI compressing low-level implementation work so the real differentiator becomes domain judgment. For headless commerce, that means the winners will combine: AI speed Shopify-specific expertise production-ready architecture merchant usability conversion understanding That combination is much more valuable than raw code output. A merchant does not actually want “an app generated by AI.” They want: a storefront that launches faster a stack that is easier to manage pages that convert flexibility without chaos better collaboration between developers and operators That is a different problem. Why this matters for Hydrogen builders Hydrogen teams are in an interesting position. On one hand, AI coding agents make it easier than ever to scaffold headless storefronts, prototype layouts, and speed up frontend implementation. On the other hand, Hydrogen projects still require real decisions around: route structure server rendering data loading API boundaries component architecture storefront performance content operations merchant editing experience This is exactly where many AI-generated builds fall apart. They look fine in a demo.They become expensive in production. That is why the next phase of headless commerce is not about replacing builders with AI. It is about giving builders better leverage. Where Weaverse fits This is why Weaverse matters more in the age of AI coding agents, not less. If AI can generate storefront code faster, the last-mile problem becomes even more important: How do you turn generated storefronts into merchant-friendly, production-ready commerce systems? That is where purpose-built headless tooling wins. Weaverse gives teams: a Shopify-native headless workflow section-based visual editing a stronger bridge between developers and merchants reusable Hydrogen storefront patterns faster iteration without giving up structure In other words: AI helps generate.Weaverse helps operationalize. That is the real leverage. Because merchants do not want infinite frontend freedom if it creates maintenance debt. They want: speed and control flexibility and structure AI acceleration and commerce readiness The winning stack in 2026 The best stack for headless commerce teams is starting to look clear: 1. AI coding agents for speed Use them to: scaffold prototype refactor generate repetitive implementation work accelerate build loops 2. Shopify APIs for infrastructure Use Shopify for: commerce primitives catalog checkout identity discounts markets ecosystem reliability 3. Purpose-built headless tools for execution Use platforms like Weaverse to: make Hydrogen stores merchant-friendly reduce implementation drag preserve structure support production workflows that generic AI tools do not understand This is the stack that closes the gap between “it was generated” and “it actually works.” Practical playbook for teams right now If you are building Shopify storefronts in 2026, here is the move: Use AI coding agents for: initial scaffolding boilerplate generation rapid experiments repetitive component work debugging and iteration support Do not rely on them alone for: architecture decisions storefront performance strategy merchant editing systems data modeling conversion-critical flows long-term maintainability Pair them with Weaverse when you need: visual editing on top of Hydrogen reusable section architecture a cleaner developer-to-merchant handoff faster launches without custom-theme chaos That is how you turn AI speed into real commerce output. Final takeaway Replit’s $9B moment matters because it confirms something bigger than one company: AI coding is becoming table stakes. But in commerce, code generation is not the moat. The moat is knowing how to turn generated code into storefronts that sell, scale, and stay operable. That is why the future is not AI or human expertise. It is AI speed × domain knowledge. And that is exactly where headless commerce builders should focus next. Want to turn AI-generated storefront momentum into production-ready Hydrogen builds?Try Weaverse free at https://weaverse.io. Sources Replit funding / valuation coverage Latent Space on coding agents moving up-stack Shopify developer changelog Additional agentic commerce market coverage

By Paul Phan
Read

Never miss an update

Subscribe to get the latest insights, tutorials, and best practices for building high-performance headless stores delivered to your inbox.

Join the community of developers building with Weaverse.