Tagged “WebPerf”

How to optimize Cumulative Layout Shift (CLS) on Shopify sites WebPerf External Images

The common causes for CLS on Shopify sites and how to fix them

Published on Performance at Shopify

Debugging common causes for slow loading in Shopify Liquid storefronts WebPerf External Images JavaScript Analytics

Have you ever been confronted with the daunting task of figuring out what exactly is causing a page to load slowly?

Published on Performance at Shopify

Liquid vs headless: A look at real user web performance WebPerf External JavaScript

Considering headless? Why web performance should not be your only reason...

Published on Performance at Shopify

Announcing new Liquid features for better web performance WebPerf External Images

Default lazy loading for image tags and new section.index properties...

Published on Performance at Shopify

How layout position impacts three big web performance levers WebPerf External Images

We see three common web performance problems related to layout position with Shopify themes...

Published on Performance at Shopify

Announcing INP as the next Core Web Vital: What Shopify stores can do now WebPerf External JavaScript

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

3 ways to find your worst JavaScript offenders for page load WebPerf External JavaScript

Before debugging FID and INP directly, look for low-hanging JavaScript fruit to trim out.

Published on Performance at Shopify

Using WebPageTest on Shopify preview sites with passwords WebPerf External

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

Why web performance still matters in 2023 WebPerf Analytics External

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

A countdown of my top 5 favorite web performance tools WebPerf Dev Tools Analytics External

Much like a carpenter or handyperson, every web performance expert has a set of their favorite tools. Here’s my own toolbox favorites and why.

Published on Planet Performance

Optimizing images for performance on Shopify WebPerf Images External

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

Responsive images on Shopify with Liquid WebPerf Images External

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 your site to be slow.

Published on Performance at Shopify

Lazy load images for performance WebPerf Images External

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

Fix web performance for the long-term WebPerf External

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

Web Almanac 2021: Performance WebPerf External

The state of web performance in 2021 including the Core Web Vitals (LCP, CLS, FID) as well as FCP and TTFB for the top ~8M websites.

Published on Web Almanac by HTTP Archive

An Informal Survey of Web Performance Tooling in 2021 WebPerf Tools Dev Tools

What tools are web performance engineers using to measure site speed in 2021? Learn which are the most used tools as well as some new tools to try out.

Explore JavaScript Dependencies With Lighthouse Treemap WebPerf Tools Dev Tools

Discover all JavaScript downloaded and used/unused for a site in a handy data visualization with Lighthouse Treemap.

What to know about AVIF on Cloudinary Images WebPerf

Start using AVIF today with Cloudinary. Learn about your options, the tradeoffs, and how to overcome slow transformations.

#30DaysOfWebPerf: The Pros and Cons of a Twitter series WebPerf Dev Tools Content

My experiment with 30 days of web performance tips. All packaged up for your temporary viewing pleasure. Results from a Twitter series by Sia Karamalegos.

How to Eliminate Render-Blocking Resources: a Deep Dive WebPerf JavaScript Popular

Is Lighthouse telling you to eliminate render-blocking resources? Learn what this means, why it's important, and how to fix it in your HTML, CSS, and JavaScript.

Faster YouTube embeds in Eleventy Eleventy Video WebPerf Jamstack

Use lite-youtube-embed in Eleventy for faster and more privacy-minded video

Optimize Images in Eleventy Using Cloudinary Eleventy Images WebPerf Jamstack

Learn the fundamentals behind responsive images and how to set them up in Eleventy using Cloudinary and Eleventy shortcodes

Vintage Bundles talk at Magnolia JS JavaScript WebPerf

What are some strategies for serving modern JavaScript to modern browsers?

Responsive, Performant Images for the Web Images WebPerf

Learn to optimize your images for the web in this video from PerfMatters Conf.

Justifying performance improvements using Google Analytics WebPerf Analytics

Trying to convince your company to make site load speed improvements? Maybe Google Analytics can help.

Making Google Fonts Faster in 2022 WebPerf Fonts Popular

If you use Google Fonts, a few additional steps can lead to much faster load times. Learn about preconnect, optimal placement, font display, preload, and more in this post.