How can I optimize Tidio chat settings for faster site loading?

Shopify Apps
1

Hello,

I can see in shopify analyzer that tidio chat has considerable impact on my site loading speed?

Anyone can recommend what can be changed in tidio settings which could decrease impact on loading speed?

2

Hi @Bik123 , thanks for using our Shopify Analyzer tool, always nice to see it helping people :slightly_smiling_face:

Sometimes you can optimize chat apps like this, here are some tactics we’ve used:

  • Deferred script loading or App lazy loading. See section 5 here: https://speedboostr.com/app-optimization-guide-for-shopify/#ao-analyze

  • Conditionally loading (only load on certain pages of the site). This might not be ideal if it’s a chat app because you probably want to show it to every user… so in this case I would go with deferred loading or app lazy loading

For deferred loading you’ll have to find the app script in the code (if they insert it into your theme) and add a “defer” attribute to it, then test.

For app lazy loading, in that link I shared there’s a description + a link of a plugin you can try.

Here’s what I would:

  1. Reach out to the app first to see if they have a setting or recommended tactic to prevent their app from loading until the user scrolls (so it doesn’t contribute to initial page load)

  2. If no luck there, check that link I shared and share that with your developer

  3. If you don’t have a developer, you can give it a try but make sure you duplicate your theme first, then work off the backup theme, so you can edit code worry-free without affecting the live site.

If you are unable to do this or don’t want to spend the time, feel free to reach out to my team (Shopify optimization experts, and creators of the Shopify Analyzer) at speedboostr.com/contact and include the link to this forum post and we can help you with a solution.