skip to Main Content

I am using Babylon CDN for my 360 images on my Shopify site. When I get the GTMatrix site speed report, Babylon CDN has HIGH flag that is showing slows the website load speed. How can I reduce Babylon CDN load size to increase site speed?
Alternatively, how can I prevent it load and I want to render it when I click the button?
Thanks

2

Answers


  1. The technique you’re describing is called lazy loading. Here’s a shopify blog describing it.

    You may be able to achieve this by using the async script tag.

    <script src="https://cdn.babylonjs.com/babylon.js" async></script>
    
    Login or Signup to reply.
  2. There are couple of improvements that can be done to increase images load speed

    1. Compress images (https://tinypng.com/)
    2. Use correct size resolution
    3. Convert images to modern webp format to reduce file size
    4. Use images lazy load (https://github.com/aFarkas/lazysizes)
    Login or Signup to reply.
Please signup or login to give your own answer.
Back To Top
Search