Stuck on loading

Hey shashankkumar,

I just checked your site and it looks like it’s displaying successfully now (screenshot). Is it working on your end too?

I noticed that the loading symbol is still displayed and so if you add the following to the plugin’s Custom CSS section, which is on the plugin’s Customize page, then it should remove that for you:

#sb_instagram .sbi_loader{ display: none; }

Let me know if you have any other questions, and I hope you’re having a good weekend!

John

Yea, I figured out that “Autoptimize” was messing with it.
When the scripts are compressed and moved to the footer, Instagram feed breaks.

I’ve just left the scripts on top. Would be great if have a work around.

Thanks anyway.
Shashank

Hey Shashank,

That’s strange, the scripts are supposed to be in the footer anyway as we load them into the page using the WordPress wp_footer function, but it’s possible that when they’re minimized by that plugin then they aren’t being run successfully, but it’s difficult to say.

It might be worth pinging the author of that plugin to see whether this is something that they’re aware of happening, and if so, whether there’s a simple solution.

John

It might be worth pinging the author of that plugin to see whether this is something that they’re aware of happening, and if so, whether there’s a simple solution.

I’m always pinged whenever “autoptimize” is mentioned ??

@shashank; when not forcing JS in head, do you see a JS-error in your browser’s (error) console?

frank

@frank: No JS errors. But when I’m not forcing JS to load in head, the Instagram Feed plugin fails to load.

@shashank Are you able to break it again, by compressing the files and having them load in the footer, so that I can take a look at whether the plugin’s JavaScript file is being included in the page, and if so, why it isn’t running correctly?

is there any inline JS? or anything doing document.write? because that can break things.

@frank – There’s one line of inline JavaScript which is added to the page before the JavaScript file, which is required by the plugin in order to work. This is how the JavaScript is included in the page:

<script type=’text/javascript’>
/* <![CDATA[ */
var sb_instagram_js_options = {“sb_instagram_at”:”xxxx.xxxx”};
/* ]]> */
</script>
<script type=’text/javascript’ src=’//site.com/wp-content/plugins/instagram-feed-pro/js/sb-instagram.js’></script>

It sounds like that could be the problem?

John

as such that should work, but taking into account this gets thrown in with all other JS, maybe … Best approach would be to add sb_instagram_js_options and/ or sb-instagram.js to the comma-seperated JS-optimization exclusion list and see what gives.

frank

Thanks Frank.

@shashank – Let me know if that solves the problem for you.

Added both sb_instagram_js_options and sb-instagram.js to the exclusion list. Still nothing.

@shashank – Looking at your source code, it looks like your site is utilizing CloudFlare’s ‘Rocketscript’ service to concatenate and defer the loading of JavaScript files. This is known to sometimes cause some issues with WordPress plugins (see this article here) and could be part of the problem. Is it possible to try deactivating that temporarily to see whether it resolves the issue for you?

Added both sb_instagram_js_options and sb-instagram.js to the exclusion list. Still nothing.

I guess this worked. I had to clear cache to make appear though. Cloudflare rocketscripts still on and it works.
Thanks guys, quite possibly the most helpful coders I’ve come across. A definite five stars!

Cheers!

Glad to hear it’s all working now! Thanks for your help Frank.

If you feel like leaving a positive review for either of us then I’m sure Frank would agree that it would be hugely appreciated ??

Just let me know if you have any other issues and I’d be happy to help.

John