Blog
Filter by tag
Articles

Improve Largest Contentful Paint (LCP) by remov...
Image transitions are a technique used to animate images as they appear on screen. Examples include scaling or fading the image into view for visual flare. However, often these transitions...
Improve Largest Contentful Paint (LCP) by remov...
Image transitions are a technique used to animate images as they appear on screen. Examples include scaling or fading the image into view for visual flare. However, often these transitions...

Why web performance still matters in 2023
The web performance community often says that "performance matters", but why is that? Does it truly matter? What are the reasons? Whether you're new to this topic or want to...
Why web performance still matters in 2023
The web performance community often says that "performance matters", but why is that? Does it truly matter? What are the reasons? Whether you're new to this topic or want to...

How Sunday Citizen improved conversions by focu...
Learn how we worked with Sunday Citizen to improve their key performance metrics and were able to achieve 25% improvement in Largest Contentful Paint and 61% in Cumulative Layout Shift at the 75th percentile....
How Sunday Citizen improved conversions by focu...
Learn how we worked with Sunday Citizen to improve their key performance metrics and were able to achieve 25% improvement in Largest Contentful Paint and 61% in Cumulative Layout Shift at the 75th percentile....

Using WebPageTest to measure third party apps
Third party apps are best described as external code added to your store that are not built by you or Shopify. Code built by yourself or Shopify is referred to...
Using WebPageTest to measure third party apps
Third party apps are best described as external code added to your store that are not built by you or Shopify. Code built by yourself or Shopify is referred to...

Early learnings for Early Hints at Shopify
103 Early Hints allow us to preconnect and even preload resources before the main document arrives. In this talk at the performance.now() conference in Amsterdam, I spoke about how the...
Early learnings for Early Hints at Shopify
103 Early Hints allow us to preconnect and even preload resources before the main document arrives. In this talk at the performance.now() conference in Amsterdam, I spoke about how the...

Optimizing images for performance on Shopify
Images are key to user experience, especially in ecommerce. It is difficult to sell a product unless a customer can see it. In my previous post, I wrote about how...
Optimizing images for performance on Shopify
Images are key to user experience, especially in ecommerce. It is difficult to sell a product unless a customer can see it. In my previous post, I wrote about how...

Introduction to preconnect and preload resource...
Sometimes we, the authors, have to give user agents more information about what assets are going to be needed in the future. Resource Hints, including preconnect, preload, and a few...
Introduction to preconnect and preload resource...
Sometimes we, the authors, have to give user agents more information about what assets are going to be needed in the future. Resource Hints, including preconnect, preload, and a few...

Responsive images on Shopify with Liquid
Responsive images are important for both user experience and site speed. Get them right, and your users will be more likely to convert. Get them wrong, and you may cause...
Responsive images on Shopify with Liquid
Responsive images are important for both user experience and site speed. Get them right, and your users will be more likely to convert. Get them wrong, and you may cause...

Using the Shopify CDN for better performance
Users further away from your servers can experience slower load times due to the distance between the user and the server. Shopify provides the infrastructure for a content delivery network...
Using the Shopify CDN for better performance
Users further away from your servers can experience slower load times due to the distance between the user and the server. Shopify provides the infrastructure for a content delivery network...

Prioritise real user performance with the Chrom...
Real user experiences can tell us much more about our website's performance than a single test in time. If you’re not tracking real user data, then you’re missing out on...
Prioritise real user performance with the Chrom...
Real user experiences can tell us much more about our website's performance than a single test in time. If you’re not tracking real user data, then you’re missing out on...