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

Solved

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

Bik123
Excursionist
31 0 5

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?

Accepted Solution (1)

speedboostr
Trailblazer
136 20 26

This is an accepted solution.

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

 

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.

Creator of Theme Scientist (A/B testing app and theme scheduler). Creator of Shopify Analyzer (1st performance analysis tool for Shopify, free for the community). Founder of Speed Boostr (Shopify optimization experts + app developers). More apps from our team: Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).

View solution in original post

Reply 1 (1)

speedboostr
Trailblazer
136 20 26

This is an accepted solution.

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

 

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.

Creator of Theme Scientist (A/B testing app and theme scheduler). Creator of Shopify Analyzer (1st performance analysis tool for Shopify, free for the community). Founder of Speed Boostr (Shopify optimization experts + app developers). More apps from our team: Tip Jar (add a tip button), File Optimizer (optimize CSS, JS, Liquid).