Blog
Filter by tag
Articles

Announcing INP as the next Core Web Vital: What...
Google just announced that Interaction to Next Paint, or INP, will replace First Input Delay in the Core Web Vitals. What does this mean for Shopify sites and what can...
Announcing INP as the next Core Web Vital: What...
Google just announced that Interaction to Next Paint, or INP, will replace First Input Delay in the Core Web Vitals. What does this mean for Shopify sites and what can...

3 ways to find your worst JavaScript offenders ...
As Addy Osmani likes to say, JavaScript is your most expensive asset. Compared to an image or stylesheet, for example, a JavaScript file of the same size will take the...
3 ways to find your worst JavaScript offenders ...
As Addy Osmani likes to say, JavaScript is your most expensive asset. Compared to an image or stylesheet, for example, a JavaScript file of the same size will take the...

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...

Optimizing images for performance on Shopify
Updated: 18 Sept 2023 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,...
Optimizing images for performance on Shopify
Updated: 18 Sept 2023 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,...

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
Updated: 18 September 2023 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,...
Responsive images on Shopify with Liquid
Updated: 18 September 2023 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,...

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...

Lazy load images for performance
Lazy loading is a performance strategy that attempts to de-prioritize assets like images that are not needed immediately after a webpage is loaded. Learn how to use lazy loading without accidentally...
Lazy load images for performance
Lazy loading is a performance strategy that attempts to de-prioritize assets like images that are not needed immediately after a webpage is loaded. Learn how to use lazy loading without accidentally...

Benchmark and compare tests using WebPageTest
Learn how to use WebPageTest to benchmark your site performance and compare results after making optimizations.
Benchmark and compare tests using WebPageTest
Learn how to use WebPageTest to benchmark your site performance and compare results after making optimizations.