This is a problem not so much because of the slow loading time but because the rest of the page loads and gives the visitor the impression the page is mostly missing. The nectar slider loads right around the time the visitor might close the page.
(I'm using Cloudflare and MaxCDN, so the entire load time is still under 2 seconds.)
Do you have any idea why the nectar slider might be loading last? Or if you have any suggestions to improve this.
Actually after further investigation it doesn't seem to the nectar slider at all.
Salient seems to load the top menu first, then leave the page blank for a bit while it loads the rest.
The load time isn't the problem, it's that it leaves everything under the menu blank for a few seconds while it catches up -- giving the impression the page has finished loading.
Here's a test page with hardly anything on it. Still has a bit of delay:
Would be great if I could tell Salient to not load the menu at all until everything is loaded, like a preload of some sort. Any ideas would be greatly appreciated!
Ha, so I should probably have checked all browsers first.
This is a Chrome-specific issue, possibly a new issue that has arisen with Chrome 33.
The delay after loading the menu (which looks like some sort of minor bottleneck) is Chrome-only.
All my pages load without a hitch in Safari and Firefox. Haven't booted into Windows yet but I imagine IE would be fine too.
Hope that helps with any further Chrome fixes you're working on. This version of Chrome has been causing me grief on many websites lately, not just my own.
Hey Nathan, thanks for the through report & sorry for the delay! The reason for the blank sections is because any section set to full width background or full width content relies on JavaScript to calculate the positioning so they remain hidden until that occurs. Essentially the delay you're seeing is the delay until the main script (init.js) gets parsed - I have no idea why you're setup would be taking longer to do that in Chrome, but i've noted to check into it and just wanted to update you on what's going on :)
Worth mentioning that I've tried using a preloader plugin with Wordpress.
It appears the preloader is delayed as much as the nectar slider and other full width components that rely on init.js. So whatever is holding up init.js is also holding up the preloader.
I thought perhaps Rocket Loader in CloudFlare was causing this but even with Cloudflare turned off and all Wordpress plugins disabled, it still takes a moment. I don't think there's really much I can do about it. :(
That's odd - Have you tried to reach out to your hosting company and ask them to analyze the network tab in the browser console on load to see if there's some bottleneck in the setup?
It was all just a matter of turning off Cloudflare's Rocket Booster (which lumps .js and .css together) for more than just a few hours but at least one day for the changes to actually take effect. Rocket Booster is in beta anyway, and doesn't play nice with your nectar slider, or with quite a few other things at the moment.
While my nectar slides still loads last, much like your Salient demo, it isn't bottlenecked by Rocket Booster so the wait is merely 1-2 seconds for entire page load.
Hi,
I'm noticing significant delays with the nectar sliders loading on the following pages:
http://nathanmfarrugia.com
http://nathanmfarrugia.com/novels/thechimeravector...
Pages with just the standard sliders seem to load very quickly, despite having images of a similar size:
http://nathanmfarrugia.com/contact-nathan/
This is a problem not so much because of the slow loading time but because the rest of the page loads and gives the visitor the impression the page is mostly missing. The nectar slider loads right around the time the visitor might close the page.
(I'm using Cloudflare and MaxCDN, so the entire load time is still under 2 seconds.)
Do you have any idea why the nectar slider might be loading last? Or if you have any suggestions to improve this.
Cheers!
Nathan
Actually after further investigation it doesn't seem to the nectar slider at all.
Salient seems to load the top menu first, then leave the page blank for a bit while it loads the rest.
The load time isn't the problem, it's that it leaves everything under the menu blank for a few seconds while it catches up -- giving the impression the page has finished loading.
Here's a test page with hardly anything on it. Still has a bit of delay:
http://nathanmfarrugia.com/test/
Would be great if I could tell Salient to not load the menu at all until everything is loaded, like a preload of some sort. Any ideas would be greatly appreciated!
Ha, so I should probably have checked all browsers first.
This is a Chrome-specific issue, possibly a new issue that has arisen with Chrome 33.
The delay after loading the menu (which looks like some sort of minor bottleneck) is Chrome-only.
All my pages load without a hitch in Safari and Firefox. Haven't booted into Windows yet but I imagine IE would be fine too.
Hope that helps with any further Chrome fixes you're working on. This version of Chrome has been causing me grief on many websites lately, not just my own.
Hey Nathan, thanks for the through report & sorry for the delay! The reason for the blank sections is because any section set to full width background or full width content relies on JavaScript to calculate the positioning so they remain hidden until that occurs. Essentially the delay you're seeing is the delay until the main script (init.js) gets parsed - I have no idea why you're setup would be taking longer to do that in Chrome, but i've noted to check into it and just wanted to update you on what's going on :)
Cheers
Thanks for replying!
That's very strange. I turned off all plugins and MaxCDN and Cloudflare and it still has the same issue, so I can't really do much to improve it.
I've tested all the browsers again and they all have the delay you're talking about. But Chrome's delay is far more obvious.
Cheers,
Nathan
Worth mentioning that I've tried using a preloader plugin with Wordpress.
It appears the preloader is delayed as much as the nectar slider and other full width components that rely on init.js. So whatever is holding up init.js is also holding up the preloader.
I thought perhaps Rocket Loader in CloudFlare was causing this but even with Cloudflare turned off and all Wordpress plugins disabled, it still takes a moment. I don't think there's really much I can do about it. :(
That's odd - Have you tried to reach out to your hosting company and ask them to analyze the network tab in the browser console on load to see if there's some bottleneck in the setup?
I think I solved it!
It was all just a matter of turning off Cloudflare's Rocket Booster (which lumps .js and .css together) for more than just a few hours but at least one day for the changes to actually take effect. Rocket Booster is in beta anyway, and doesn't play nice with your nectar slider, or with quite a few other things at the moment.
While my nectar slides still loads last, much like your Salient demo, it isn't bottlenecked by Rocket Booster so the wait is merely 1-2 seconds for entire page load.
Thanks for your assistance!
Nathan