Hi,

I include the carousel module inside my menu in 4 different places, after that I have a very big impact on the performance and page load time, any page that loading in loading all the 4 modules. I turn on the system cash plug in and it is a little bit better but steel the load time is not good. When I disable the modules load time is match better.


Any suggestion to fix this ?

Thank you.

I don't understand. You are loading 4 carousel modules at the same time? in a single page? You shouldn't do that. It is not logical.

Of course the page speed will be much better if you don't load them. How wouldn't it be. Carousel module is not a simple HTML, it has lots of JavaScript (some of them inline) and the products get rendered from Virtuemart through PHP.

How many products each carousel has? (it shouldn't be more than 10)
and what kind of performance difference you have measured?

You can run the performance tests through: tools.pingdom.com (for with/without Carousel module situations)

Hi,

See attached files and you will understand what I did, any module is loading only 4 items to reduce load time.
buycycle.co.il/

Hi,

Carousel module is an effect module, so its JS file and the inline-JS codes can create some load. If you load 4 modules, then it means you are loading the same thing 4 times. (the main JS files won't be loaded 4 times but the inline-JS codes will)

In the DEMO page: demo.flexiblewebdesign.com/~carousel/
we have loaded 6 modules at the same time to demonstrate the themes, and the speed is pretty fast. But our demo is "blank" beside the carousel modules. But yours is not. You already have a full of content website. Putting extra load, of course will generate some slowness at some point.

Take my advice.
You are literally not using the "Carousel" feature at all. Because there should be more than 4 products to experience the carousel effect, so there is no point to use the Carousel. Beside, the drop down is already generated by the jQuery (by the .scroll()) using an another jQuery inside an element that is fadeIn/fadeOut by jQuery will also create some freezing in powerless computer. (i don't experience freezing because my computer has 8-cores CPU, (but most people still using intel i3 or less CPU -- you should also consider this as a developer.

You should use the official Virtuemart - Featured Product in your case. And list 4 products in each module. Basically you will get the same look except the LEFT-RIGHT arrow, which are not functioning anyway right now (since there are only 4 products)
Because

- By loading the Carousel module, you are actually loading the CSS and JS files that come with the carousel module. This is a completely unnecessary extra load to your website. On the other hand, VM - Featured Product Module doesn't have any JS and CSS file at all, because it doesn't have any effect. It is a static module.

Regards,
Support

Hi,
There are few things that are missing from the official module, so I purchase the "Virtuemart Modern Slider" is it also complex and effect preference?

Modern Slider is relatively light-weight, comparing the Carousel Module. "Modern Slider" is using CSS transition effects (instead of complex JavaScript) to achieve those sliding effects.

But again, if you load 4-5 modules at the same page, of course it will effect the page loading performance. Forgot about the effect for a second, just the product thumbnails will cause effect page loading performance negatively.

Simple math: There are 4 modules, and each module has 4 product (so 4 thumbnails); Total thumbnails number is 4 x 4 = 16.
Each thumbnail is around 30kb-50kb.. therefore, there is 500kb-800kb extra load. (no need to mention the SQL query processing time to gather those products from the database, which can be minimized by Cache though)

It won't be logical to expect no difference between with/without situations.

Regards,
Support