Theme Speed Guide · Updated March 2026

Motion Theme Slow? Here's How to Fix It

Motion by Archetype Themes is animation-heavy by design. Its signature motion effects load significant JavaScript that can be disabled for major speed gains. Here's how to optimize it for maximum speed without sacrificing functionality.

Running the Motion theme? Test your store's speed score for free →

Motion Theme Overview

Developer

Archetype Themes

Price

$380

Speed Score: Before vs After Optimization

Default (Unoptimized)

43-55

PageSpeed Mobile Score

After Optimization

68-82

PageSpeed Mobile Score

These scores represent typical ranges we see across Motion stores. Your actual score depends on your specific configuration: how many products you display, which apps you've installed, your image sizes, and how many theme sections you use. A store with 5 installed apps will always be slower than one with 2 — regardless of theme choice.

Important context: Shopify's platform itself adds a baseline of JavaScript and CSS that you can't remove. This means no Shopify store will ever score a perfect 100. The scores above represent realistic, achievable targets for a well-optimized Motion store with a reasonable number of apps installed.

Common Speed Issues with Motion

Every Shopify theme has its own performance characteristics. Here are the speed issues we most commonly see on Motion stores, along with why each one matters:

Extensive scroll and reveal animations loading GSAP or similar libraries

This is typically the largest contributor to slow Largest Contentful Paint (LCP) scores on Motion stores. LCP measures how long it takes for the main visual content to appear — and it's a Core Web Vital that directly affects your Google rankings.

Background video support on multiple sections

Third-party scripts and render-blocking resources prevent the browser from displaying your page until they've downloaded and executed. This increases both First Contentful Paint (FCP) and Time to Interactive (TTI).

Parallax image effects requiring scroll event monitoring

Loading too many resources eagerly (before the user scrolls to them) wastes bandwidth and competes with critical above-the-fold content for network and CPU resources.

Heavy JavaScript for interactive product demonstrations

Excess DOM elements and JavaScript increase the browser's rendering workload, leading to slower interaction responsiveness (measured by Interaction to Next Paint / INP).

Step-by-Step: How to Speed Up Motion

Follow these optimization steps in order — they're arranged from highest impact to lowest. Each tip is specific to the Motion theme and based on patterns we see across hundreds of Motion stores.

Disable all animations in theme settings — this is the single biggest win for Motion

Replace background videos with optimized static images (saves 2-10MB per section)

Disable parallax effects to eliminate scroll event listeners and repaints

Limit homepage sections to 6-8 to reduce cumulative animation JavaScript

Compress hero images aggressively — Motion's visual design amplifies image weight

Use Motion's static layout options wherever possible to reduce JavaScript

🔍 SEO bonus: Optimizing your Motion theme's speed doesn't just improve user experience — it directly impacts your Google search rankings. Stores that pass Core Web Vitals rank higher. Speed optimization is the highest-ROI SEO investment for most Shopify stores.

The #1 Speed Factor Most Motion Store Owners Miss

Here's what most speed guides won't tell you: your theme is probably not the main reason your store is slow.

The average Shopify store has 15-25 installed apps, and each one can inject JavaScript and CSS into your storefront. Review apps, email popups, chat widgets, analytics trackers, upsell tools — they all add up. On a typical Motion store, third-party app scripts account for 60-80% of total JavaScript execution time.

You can optimize your Motion images and settings all day, but if you have a heavy review app loading 200KB of JavaScript and a chat widget initializing a WebSocket connection on every page load, your speed score will still suffer.

This is exactly why we built Thunder. Instead of generic speed tips, Thunder scans every installed app on your store, measures each one's actual speed impact, and shows you exactly what's slowing you down. Then it automatically optimizes how those scripts load — deferring non-essential ones, reducing blocking time, and prioritizing critical functionality.

⚡ Optimize Your Motion Store in 60 Seconds

Thunder automatically identifies which apps are slowing your Motion store and fixes them — no code changes required. See your speed report instantly.

Install Thunder Free →

Free plan available · No theme code changes · Works with Motion

Frequently Asked Questions

Why is my Motion theme slow on Shopify?

The Motion theme typically scores 43-55 on PageSpeed Insights out of the box. Common causes of slowness include extensive scroll and reveal animations loading gsap or similar libraries and background video support on multiple sections. However, the biggest speed killer for most Motion stores is third-party app scripts — review widgets, email popups, and analytics tools that load heavy JavaScript on every page. Optimizing images and deferring non-essential scripts can improve your score to 68-82.

What is a good speed score for a Motion Shopify store?

For a Motion store, a realistic optimized PageSpeed score is 68-82 on mobile and even higher on desktop. The default unoptimized score is typically 43-55. Don't aim for a perfect 100 — that's nearly impossible with Shopify's platform overhead and any third-party apps. A score above 80 on mobile is considered good, and anything above 90 is excellent.

How do I speed up Motion without breaking my store?

Start with safe, high-impact optimizations: compress all images to WebP format, remove unused apps, and enable lazy loading in your Motion theme settings. Avoid editing theme code directly unless you're comfortable with Liquid. A speed optimization app like Thunder can automatically defer third-party scripts and optimize loading order without touching your theme files — it's the safest way to improve speed.

Is Motion a fast Shopify theme?

Motion is a premium theme by Archetype Themes priced at $380. Premium themes tend to be slower than free themes because they include more features, animations, and styling options. Motion typically scores 43-55 on mobile PageSpeed out of the box, but with proper optimization, you can improve that to 68-82.