Welcome, Guest
Username: Password: Remember me
Use this Category for your support questions about Virtuemart Product Carousel (SKU# FLEX-00009)

TOPIC: carousel module performance

carousel module performance 8 years 11 months ago #8815

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.
Attachments:
The administrator has disabled public write access.

carousel module performance 8 years 11 months ago #8842

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)
Last Edit: 8 years 11 months ago by Support.
The administrator has disabled public write access.

carousel module performance 8 years 11 months ago #8875

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/
Attachments:
The administrator has disabled public write access.

carousel module performance 8 years 11 months ago #8891

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
Last Edit: 8 years 11 months ago by Support.
The administrator has disabled public write access.

carousel module performance 8 years 10 months ago #9013

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?
The administrator has disabled public write access.

carousel module performance 8 years 10 months ago #9037

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
Last Edit: 8 years 10 months ago by Support.
The administrator has disabled public write access.
Time to create page: 0.049 seconds

MaterialMart

for Virtuemart 3

Google's Material Design has finally arrived to Virtuemart

Virtumart Template - MaterialMart Virtumart Template - CleanMart Virtumart Template - CleanMart Virtumart Template - CleanMart

Fully responsive!

Buy Now   |   Live Demo