How to stay on top of your Shopify website speed

Shopify Website Speed

Your Shopify website speed has a big impact on conversions.

People will bounce and leave right away if your Shopify store takes too long to load. No one is patient on the Internet. If your online store is taking more than four seconds to load, you need to do something about it. Work to get it down to just a maximum of 3 seconds otherwise you are losing a high percentage of your potential customers. You can do this by reducing image file size, minifying or combining scripts and libraries into a single js file, reduce CSS file sizes by working with a CSS toolkits and creating design systems (ask your developer and she/he can clarify what this means), that way you can recycle as much code as possible.

Always prioritize purchase journey over design and features such as animations, transition effects, and all the flashy stuff. Don’t get me wrong, there’s nothing cooler than creating animations and cool page transitions, but at the end of the day, your store is meant to convert, and not to showcase someone’s ability to create cool websites. Finally, always lazyload your images, and avoid using too many plugins, apps, and *drag and drop page builders*. Make sure your developer can custom build your store with only the features and functionalities you will need. If you absolutely want to purchase a theme, then make sure to test it using the recommended tools below:

Google Lighthouse Extension

Lighthouse is an open-source, automated tool for improving the performance, quality, and correctness of your web apps. When auditing a page, Lighthouse runs a barrage of tests against the page and then generates a report on how well the page did. From here you can use the failing tests as indicators on what you can do to improve your app.

tools.pingdom.com

Pingdom built a Website Speed Test to help you analyze your website load speed. The test is designed to help make your site faster by identifying what about a webpage is fast, slow, too big, and so on. They have tried to make it useful both for experts and novices alike.

How to stay on top of your Shopify website speed

By Oscar Diaz


For the past 8 years, I have worked exclusively as a full-stack frontend developer and UX Designer, partnering with clients and designers to create user experiences that are aesthetically pleasing and rich in functionality.