Quiz Loading Slowly

A slow-loading quiz leads to higher abandonment rates and a poor customer experience. This guide explains the most common causes of slow quiz performance and what to do about each one.

Common Causes of Slow Loading

Theme Blocking Quiz Scripts Until User Interaction

Many Shopify themes are built to improve page speed scores by delaying the loading of third-party app scripts. Instead of loading everything when the page opens, these themes wait until the visitor scrolls, clicks, or moves their cursor before loading app content — including your quiz.

This means your quiz may appear blank, take several seconds to appear, or seem unresponsive when a customer first lands on the page, even if nothing is technically broken.

How to fix:

Enable the App Embed option inside Quizify. When App Embed is turned on, Quizify registers its scripts through Shopify's native App Embed system, which loads alongside the theme rather than being deferred or blocked by it. This is the most effective fix for theme-related quiz loading delays.

To enable App Embed:

  1. Open your Shopify admin and go to Online Store > Themes.

  2. Click Customise on your active theme.

  3. In the theme editor, click the App Embeds icon in the left sidebar (it looks like a puzzle piece).

  4. Find Quizify in the list and toggle it on.

  5. Click Save.

After enabling App Embed, test your quiz page by doing a full hard reload (Ctrl+Shift+R or Cmd+Shift+R) to clear any cached version of the page.

Large, Unoptimised Answer Images

Answer images that are too large in file size are the most frequent cause of slow quiz loading. If you have uploaded high-resolution or unoptimised photos as answer images, the quiz must download all of them before the questions render — especially if you are loading multiple questions at once.

How to fix:

  • Resize images to no more than 600–800px wide

  • Use a compressed format such as WebP or optimised JPEG

  • Aim for file sizes under 100KB per image

  • Use a tool like TinyPNG, Squoosh, or your image editor to compress before uploading

JavaScript Conflicts

A conflicting JavaScript file from another app or your theme can slow down the quiz by causing execution errors, redundant script loading, or resource contention.

How to identify:

  1. Open the quiz page with the browser console open (F12)

  2. Look for JavaScript errors or warnings

  3. Check the Network tab for requests that are taking a long time to complete

How to fix:

  • Identify the conflicting script and contact that app's support team

  • If a recently installed app caused the slowdown, temporarily disable it to confirm

Network and Hosting Factors

The customer's network speed affects how quickly the quiz loads. Customers on slow mobile data connections will experience longer load times regardless of quiz optimisation.

You cannot control customers' network conditions, but you can minimise the amount of data the quiz needs to download:

  • Compress all images

  • Avoid adding videos or large media to answer options

Performance Optimisation Tips

  • Keep answer images under 100KB per file

  • Use WebP format for smaller file sizes without quality loss

  • Limit the number of answer images per question — not every answer needs an image

  • Keep the quiz to 5–10 questions where possible

  • Avoid adding custom JavaScript via the Custom CSS field unless necessary