Skip to main content

How the widget loads

The Molin AI widget loads after everything else on your page finishes, because your product pages, images, and checkout matter more.
The widget waits for the browser’s load event, then starts after a short delay. It won’t appear until images, stylesheets, fonts, and every other resource finish downloading.

Why it works this way

  • Your store comes first. Customers browse and buy, so the chat widget should never slow that down.
  • Better Core Web Vitals. Deferring the widget keeps your Largest Contentful Paint (LCP) and other metrics where they were.
  • No layout shifts. The widget appears smoothly after the page renders, so your layout doesn’t jump.

What this means in practice

On fast sites, the widget appears right after the page loads. On slower sites with heavy images or third-party scripts, it waits for those to finish first.
Large unoptimized images or slow third-party scripts delay the widget too. Speed up your site and the widget appears faster.

Troubleshooting

If the widget takes too long to appear:
  1. Check your page load time. Open DevTools, go to the Network tab, and check the total load time. The widget waits for that to finish.
  2. Look for slow resources. Sort network requests by duration to find bottlenecks, because large images and slow third-party scripts usually cause them.
  3. Optimize slow assets. Compress images, lazy-load below-the-fold content, and defer non-essential scripts to speed up the page.