Drift North field notes

How to prioritise Shopify speed improvements

Start with the pages and interactions customers actually use. A performance score is useful evidence, but the goal is a store that loads, responds and stays stable throughout a buying task.

Establish a repeatable baseline

Choose a homepage, a representative collection and a product with the content and apps customers normally encounter. Record the exact URLs, date, device conditions and active campaign features. Run more than one check so an isolated result does not become the entire diagnosis.

Google’s Core Web Vitals describe loading, responsiveness and visual stability through LCP, INP and CLS. Field data reflects real visits where available; a lab test offers a controlled diagnostic view. Use them together where possible and keep their different contexts visible when reporting findings.

Reference: web.dev: Core Web Vitals and measurement

Investigate what delays the first useful view

Look at the material needed to show the first screen. Large campaign imagery, embedded video, font loading and app content are candidates for investigation, not automatic culprits. Identify the delayed element and its dependencies before making a change.

For a store selling technical equipment, image quality still matters. A lighter image that no longer shows a connector or fitting detail can harm the task. Consider which image belongs in the initial view, what resolution is useful at each display size and which supporting media can wait until needed. Keep image dimensions stable so the page does not jump as content arrives.

Review apps by purpose and dependency

Create an inventory of storefront additions: reviews, chat, search, personalisation, marketing and tracking. Ask who uses each feature, what it contributes to the customer task and which templates need it. An unused feature is a clearer removal candidate than one your operations depend on.

Investigate loading behaviour and custom code before uninstalling. An app can have configuration, theme changes or an operational role beyond the visible widget. Trial changes in a suitable preview and keep a recovery route. Remove or restrict a feature only after its owner understands the effect.

Example performance investigation log
ObservationQuestionAcceptance check
Hero appears lateWhich asset or dependency delays it?Useful first view loads without losing image detail
Page moves while loadingWhich element lacks reserved space?No unexpected movement around purchase controls
Variant control reacts slowlyWhich scripts run during the interaction?Correct variant and price update reliably

Test the purchase task after each change

Repeat the baseline under comparable conditions, then perform the customer task. Select a variant, inspect specifications, add to basket and check the resulting item. Include keyboard interaction and a narrow screen. The performance improvement must not remove a necessary piece of the journey.

Record the change and its observed effect. If several changes are released together, be cautious about attributing the result to one of them. Review real-visit data again after there has been time to collect an appropriate sample, with traffic and campaign changes noted.

Choose work by impact, confidence and effort

A clear defect affecting a core template may deserve attention before a small optimisation on a rarely visited page. Put evidence beside each proposed task: the affected journey, the suspected cause, the work required and the check that will establish whether it helped.

Agree a sensible target and a maintenance owner. New apps, campaign assets and theme changes can alter performance later. Treat the checks as part of store maintenance rather than a one-off promise of a perfect score or higher sales.

Build performance checks into ongoing support

Want a second pair of eyes?

Tell us about your products, your current store and what needs to work better. We’ll discuss a suitable scope before you commit to paid work.

Discuss store performance