Will Atomato slow down my Shopify store?

Atomato's main script loads in the background, its styles stay apart from your theme's, and your theme files are left alone.

Atomato is built so your page doesn't wait for its main script. The app embed adds only a small stylesheet and a short loader with your page, and the main script loads in the background once the browser has read the page.

Atomato doesn't edit your theme's files. We don't publish speed figures, so the best check is to test your own store with the app embed on and off.

What loads, and when

  • With your page: a small stylesheet for the header bell and the NotiPop sticky tab, plus a short loader.
  • After the page is read: the main script, loaded in the background, and the full stylesheet.
  • One request to your store's Atomato app proxy for the campaigns that match the page, device and shopper. Campaigns are cached on Atomato's side.
  • A product lookup from Shopify for NotiSell's product cards, saved in the shopper's browser for up to 5 minutes. With Enable Smart sorting on, product pages also ask Shopify for recommendations.
  • Only for campaigns with a cart or exit intent rule: checks of the shopper's cart.
  • Atomato's pixel, which Shopify runs in a sandbox apart from your page, to record how shoppers use messages.

Your theme's styles stay apart

The feed, the floating bell and NotiPop messages are drawn in their own layer with Atomato's styles inside, so your theme's style rules and Atomato's don't reach each other. A header bell sits in your page, and the small stylesheet only targets Atomato's bell and tab.

Where the bell appears, under Settings > NotiFeed styling. The floating bell stays in place as shoppers scroll.

The one exception is Custom CSS under Settings > NotiFeed styling. For a header bell placed with Choose bell placement or a CSS selector, Atomato also adds it to the page, so aim your selectors at Atomato's elements.

Snippet or CSS selector

For a header bell, Advanced placement options under NotiFeed styling offer two ways to attach it, covered in Add the notification bell to your store:

  • Add using snippet: you paste the bell into your theme's header, so it arrives with the page. The app says this loads the bell earlier.
  • Add using CSS selector: Atomato places the bell after its script runs, so it appears with a slight delay. Choose bell placement works this way too. If your theme redraws its header, Atomato puts the bell back.
Two ways to place the bell yourself. The snippet shown here is shortened.

Check the speed on your own store

  1. With the app embed on, run your usual speed test a few times on two or three pages where your campaigns show.
  2. In the theme editor, open App embeds, switch Atomato off and click Save. Campaigns stop showing while it is off, so pick a quiet time. A bell added with the snippet stays in your header but does nothing.
  3. Run the same tests again, then switch the embed back on and save, as in Turn on the Atomato app embed.
  4. Compare averages, since single runs vary.
The theme editor, open on App embeds. Switch Atomato on, then Save.

If you see a difference you can't explain, contact the Atomato team with the pages you tested and your results.