GOAL: Optimise page load times on a Shopify website to improve onsite UX and Google page quality ratings.
APPROACH: We analysed load times of key page templates on the website, and identified a number of potential wins. By preloading key javascript and stylesheet files, updating CSS to enable more efficient loading, and delaying resource-hungry javascript files, we were able to take this Shopify website from red to green on all speed metrics.
RESULTS
Shopify speed score: + 57% increase
First Contentful Paint (FCP) timings:
Reduced by 40%
Largest Contentful Paint (LCP) timings:
Reduced by 41%
Cumulative Layout Shift (CLS) timings:
Reduced by 95%