Suggestions to optimize and increase loading speed of MindAR-based WebAR experiences

[Fatima-Aslam]

Hi MindAR team,

I’m working on a WebAR project using MindAR, and I’m experiencing slow initial load times, particularly for first-time users on mobile devices. I’ve done my best to optimize the assets, but the loading time still feels long, and performance metrics are below expectations.

Here’s a summary of my project assets:

• 11 images (total ~497 KB) — ranging from 3 KB to 243 KB
• 3 audio files — 900 KB, 2 MB, and 1 MB
• 1 GLB 3D model — 5 MB
• 2 video files — 5 MB each
• 1 MindAR file — 850 KB

Despite this, Google PageSpeed Insights shows the following performance issues:

• First Contentful Paint: 5.5s
• Speed Index: 9.3s
• Largest Contentful Paint: 7.1s
• Cumulative Layout Shift: 0.225

(Screenshot attached below for reference)

I’m hosting my project on a SiteGround GoGeek plan, and the WebAR experience is deployed to a subdomain. SiteGround doesn’t allow CDN for subdomains under the current plan. To potentially improve delivery, I’m wondering:

• Should I upgrade to a higher SiteGround plan to enable subdomain CDN?
• Or would you recommend integrating a third-party CDN (like Cloudflare or BunnyCDN) instead?

Finally, are there any MindAR-specific performance tips — such as built-in support for lazy loading, async asset handling, or optimizations — that could help improve the experience?

Thanks in advance for your support and for this awesome library!