The Turbo Theme
The popular Shopify Turbo Theme ensures fast loading of your content by using something commonly called "AJAX loading". This is a smart way of loading scripts on your site which prevents external scripts from slowing down your site.
App not always loading on page
POWR uses its own optimizations for faster loading of the powr.js script on your site. Because the two systems interfere, you might see an issue on your site where your POWR Apps do no load on initial page load.
To see if you are affected by this issue, switch between different pages on your site a few times and/or refresh the page a couple of times. If your POWR App shows up only sometimes but not always, the AJAX loading is most likely the issue.
Possible Solution 1 (recommended): "Sport Speed"
From one of our users: "It was a setting I had changed one week ago on the Outofthesandbox Turbo Theme. For your other customers who could have the same issue, you can tell them it is necessary to select in the theme Performance setting "Sport speed" instead of "Ludicrous speed". This last option prevents highly customized websites to correctly display Apps like yours."
For highly customized websites with a lot of custom code, the folks at Turbo Theme recommend changing the speed settings for your site. Here is how:
- Open your Turbo theme settings
- Go to Performance Settings
- Choose "Sport Speed" (instead of "Ludicrous Speed")
- Save your changes
Possible Solution 2: Add extra JavaScript to your theme
One way to fix this is by adding an extra bit of JavaScript to your site:
- Log in to your Shopify admin
- Go to Online Store > Themes > Actions > Edit HTML/CSS
- Find your app.js file under Assets
- At the bottom of the file, add the following code snippet:
setInterval(function(){
if(typeof loadPowr == 'function'){loadPowr();}
},1000);
Save your changes and check your site on desktop and mobile to confirm that the App is now showing up correctly with every page load.
Possible Solution 3: Update your POWR script code
Another way to potentially fix this issue is by manually adding a modified version of the POWR script to your site. To do that, follow these steps:
- Log in to your Shopify admin
- Go to Online Store > Themes > Actions > Edit HTML/CSS
- Go to Layout > theme.liquid
- Within the <head> area, paste the following code:
<script src="//www.powr.io/powr.js" external-type="shopify" powr-load="sync"></script>
We recommend adding the code right after your <meta> tags and before any other scripts.
This should then make the powr.js script load with every page load and display your App properly at all times.
Comments
3 comments
I tried with the option two and three to boost the POWR contact form and form builder forms in a shopify store (Popup Theme)
The second option wasn't possible because of lack of app.js file. I implemented the third option properly but I couldn't see any positive outcomes.
Do you have any other ideas that I can implement to boost the apps speed?
Thanks in advance!
Hello.
I have problems with the load speed on the "Popup" theme.
I tried to implement the third recommendations but it just improved a little bit. I couldn't implement the second one due to lack of app.js file.
What do you recommend?
Thanks in advance!
Hi Leo! The instructions in this article are specifically for solving an issue with our apps not loading in the Shopify Turbo theme. This article is not about how to improve page load speed of our apps.
We are constantly making updates to our apps to ensure that they load fast on any page. If there are delays or performance issues, that is usually related to other scripts or content on a specific page or site. We do not currently offer any global suggestions for improving load speed as the underlying issues vary greatly.
What I'd recommend you do is use your browser's built-in developer tools to analyze speed, find any errors, or identify anything that is loading more slowly than it should be, then go from there. It could be as simple as having another app on your site that has faulty Javascript (in which case, removing that app will solve the issue). Or a more comprehensive overhaul of your site's architecture might be needed to optimize speed - this is something only your developer or SEO consultant are qualified to help with.
I hope this points you in the right direction!
Please sign in to leave a comment.