Update on shop takes anywhere from 10-20 seconds to update on the live site

[Shizane]

I'm not sure if this is normal but any update I do on my shop, it takes anywhere from 10-20 seconds to update on the live site, even after a few refreshes and browser cache clearing - even trying different browsers. 

Just wondering if this is typical?

[Imogen · Accepted solution]

Hi there, @Shizane! Thanks for taking the time to reach out to the Shopify Community Forums with your question around changes being reflected in your theme! My name is Imogen. It's good to meet you!

Usually when you see situations like this with changes having a delay before they're being reflected, they're a result of saved cookies/cache data local to the browser you are using. I've spoken with plenty of merchants in a similar situation were they've edited a specific part of their theme but they're unable to see the change reflected, yet I'm able to see it when accessing their store URL as I've never visited their site before, and therefore have no saved data related to their site cached to my browser.

It's more than likely that you're experiencing this sort of 'delay' with your browsers locally, and it's not an issue with the theme editor and your shop itself.

[Shizane]

Ok great thanks for the quick reply!

[Geist]

This is completely normal, your theme I'm guessing is hosted on the shopify admin so it takes a bit of time. I had to deal with this a lot and it always took two or three refreshes to see the change. Now I build headless sites and do everything with nextjs or nuxtjs and the HMR, hot module reload is instant. I remeber being frustrated with this because when I was working all day long it started to take a toll because it was taking too much time.

[Shizane]

Thank you. Ah that sounds nice but I'm not a backend developer, ill just be patient 😂

[Geist]

When you edit code for shopify, you can indeed do it right in the admin, however, you can link it to github and use an editor like vscode. This is still front end, you are editing the code inside of an editor like vscode. Front end and backend simply has to do with where code you write runs.