In this talk, I will walk through how I built the themevitals.com website which displays web performance data by Shopify theme populated with data from HTTP Archive and CrUX. In a similar talk for the 11ty meetup, I spoke more about the static website building process. In this talk, I will focus more on what data is available in HTTP Archive and CrUX and show this example of how I use it.
Content tagged “Shopify”
See all tags or all content.
Announcing a new Shopify app to install SpeedCurve on your storefront, no developer required!
Published on SpeedCurve Blog
Here's how to install the SpeedCurve RUM app in your Shopify store, along with troubleshooting and next steps.
Published on SpeedCurve Blog
On this bonus episode of Honest Ecommerce, we have Sia Karamalegos. She is a freelance developer and web performance engineer, a Google Developer Expert in web technologies, and formerly worked on the Shopify performance team. We talk about the difference between Lighthouse and Core Web Vitals, why site performance matters for bounce and conversion rates—not just SEO, how ThemeVitals collects and uses real-world data to benchmark Shopify themes, and how both merchants and theme developers can use it to make better performance decisions and so much more!
In this informal talk, I will walk through how I built the themevitals.com website which displays web performance data by Shopify theme. It starts by processing monthly query data, then using that data to generate SVG charts on the server side. Then, 11ty builds all the pages, rendering the data and charts in a user-friendly and accessible way.
Learn the common causes for layout shift on Shopify Liquid storefronts and how to fix them
A smarter way to break down loading speed problems, identify causes, and implement optimizations
Considering headless? Why web performance should not be your only reason...
Published on Performance at Shopify
Default lazy loading for image tags and new section.index properties...
Published on Performance at Shopify
We see three common web performance problems related to layout position with Shopify themes...
Published on Performance at Shopify
What does this mean for Shopify sites and what can you do now to make sure you’re ready for the switch?
Published on Performance at Shopify
Before debugging FID and INP directly, look for low-hanging JavaScript fruit to trim out.
Published on Performance at Shopify
WebPageTest is an amazing tool for testing performance. Here's how to use the scripting feature to test sites behind passwords.
Published on Performance at Shopify
Does web performance truly matter? What are the reasons? Whether you're new to this topic or want to better understand the arguments, this article is for you.
Published on Performance at Shopify
Images are key to user experience. Making images smaller doesn't always result in better performance. How can images impact page load speed and layout shift?
Published on Performance at Shopify
Get images right both on speed and quality, and your users will more likely convert.
Lazy loading is a performance strategy that de-prioritizes assets like images that are not needed immediately after a webpage is loaded. As with any strategy, you can misuse it causing worse performance.
Published on Performance at Shopify
At Shopify, we’ve seen what works and what doesn’t work when companies want to improve their web performance. We want to share with you our top learnings to get you on the path of success.
Published on Performance at Shopify
A strategic partner you can depend on
I make websites faster, smarter, and easier to grow.
If you want someone who’s creative and precise, deeply reliable, and not afraid to tell you what’s what to get you to the next level—I’m your partner.