javascript slows down loading the front page

Hello I am using Bluap in Joomla 3. , The front page show some noticeable delay. I have reduced the definition of the picture (from 300K to 70K) but the problem still persists.
I have checked the web site on http://developers.google.com/speed/pagespeed/insights/
The result is "eliminate render-blocking javascripts and css from ...."
my web site is
thinkingitalian.com

Any suggestion how to do it without breaking anything ?
Thank You

I would suggest to start with hosting company support:
http://d.pr/i/evvC
4 seconds to transfer less than 100kb is quite slow. I have checked our demo site server, and it serwes in same time all css, js and some of image files.

For the things You could do with current hosting company - enable cashing and js and css compressing. It should speed things a little bit.

Thank You.
Compressing on the server helps. 20% better, no much changes for mobile devises. The source of delay is the g4 module. Your demo bluap shows a similar delay, and actually tests on your demo show that is even slower than my web site. Caching only causes menu to become unresponsive and the site not usable.
Deactivation of the header module, will show a substantial improvement in performances. So it is really that part that is not working fine. I don't know what else I can do. I have selected this template for its supposed capability of working fine also on mobiles, but performances are even worse.
A quite disappointing result I might say.
Any other suggestions, besides changing the template (or redesigning the front page in html ?)
Thank You,
Walter

I'm not sure if You refer to this, but header on Bluap has JS delay set up, so it starts to render with small delay to make sure all graphics are loaded before animation starts.

Actually yes, can I reduce this delay?. How can I do that ?
Thank You.

The delay depends on how fast your images load. It checks in time intervals if all are loaded and only then starts the animation.

If I remove the images , the delay is nearly the same.There must be something else and it's only linked to G4 module. Removing this module , will speed up the response even if the other modules have heavier images.

There is one thing you could do:
edit file:
mod_image_show_gk4/styles/gk_bluap/engine.js
and in second line there is a function that starts with:

Code: Select all

setTimeout(function() {


and ends few lines below with:

Code: Select all

}, 1000);


You can reduce this number but its just one second of delay and it creates appealing user experience.

Thanks, that works.
Walter

Ok, closing the topic.