How to Speed Up Loox Reviews on Shopify Without Losing Photo Testimonials

1. The Technical Problem

Loox's photo review widgets download dozens of thumbnail images and modal viewer scripts synchronously during initial page compilation.

Photo carousels compete directly with your hero product imagery for bandwidth on mobile connections, causing LCP to spike from 1.8s to over 4.5s.

2. Engineering Resolution Strategy

1. Lazy load Loox photo carousels below the fold. 2. Enforce WebP image compression for review images. 3. Serve inline static star ratings on collection and product cards.

<!-- Loox Dynamic On-Scroll Injection -->
<script>
  window.addEventListener('DOMContentLoaded', function() {
    var looxWidgets = document.querySelectorAll('#looxReviews, .loox-rating');
    if (!looxWidgets.length) return;
    var loaded = false;
    function loadLoox() {
      if (loaded) return;
      loaded = true;
      var s = document.createElement('script');
      s.src = 'https://loox.io/widget/YOUR_LOOX_ID/loox.js?h=YOUR_STORE_HASH';
      s.async = true;
      document.body.appendChild(s);
    }
    window.addEventListener('scroll', loadLoox, { once: true, passive: true });
    setTimeout(loadLoox, 3500);
  });
</script>

💡 Pro-Tip: Always create a duplicate theme backup before editing theme.liquid or snippet files.

Frequently Asked Questions