• Resolved Foxplex

    (@foxplex)


    Hi,

    I noticed that the Virtue Flex Slider is building the images very slowly, and I think the reason is that it loads all images at the same time. I tried to hide the inactive pictures with css, but that didn’t help. How can I set the slider to just load 1-2 pictures at a time?

    Thanks

Viewing 5 replies - 1 through 5 (of 5 total)
  • hannah

    (@hannahritner)

    Hey,
    There isn’t really an option for that. Have you tried scaling your images down? Can you post a link?

    Hannah

    Thread Starter Foxplex

    (@foxplex)

    Hi Hannah,

    All my images are 1170 x 400 px. I can’t scale them down because they won’t fit into the slider anymore (they don’t stretch). What I did is reduce the quality to 40% (jpg), so one picture only takes about 100kb.

    Link: http://web445.132.hosttech.eu/wordpress/ -> notice how the first picture builds from top to bottom (reminds me of the dial-up times…).

    I don’t think this is a image size thing. Your server is just really really slow.

    Look here at load time:
    http://tools.pingdom.com/fpt/#!/1c548/http://themes.kadencethemes.com/virtue/

    Then at your site:
    http://tools.pingdom.com/fpt/#!/c3Hkgf/http://web445.132.hosttech.eu/wordpress/

    Your images aren’t huge but it’s taking your server so long to send them.

    I can suggest getting caching enabled. Like w3 total cache plugin but I also suggest contacting your host. No host should be that slow even if it’s a “value” host.

    Kadence Themes

    Thread Starter Foxplex

    (@foxplex)

    Thanks for the speedtest links. I contacted my host and they indeed had a server problem. But today I noticed something which gave another speed boost to my site:

    When you upload an image to the WordPress media system, WordPress automatically generates copies of your image on the server, in various sizes (for thumbnails etc.). So if you upload “original.jpg”, it creates “original-80×50.jpg”, “original-150×150.jpg” and so on.

    WordPress also created a new image in 1170×400 (my slider size), even if my original file already was cut perfectly. Strange thing is that the auto-generated file size was a lot higher than the original (I really don’t know how this is even possible). So I just copied the names of the auto-generated files, deleted the files, and named my (way smaller) originals after them! And so I gained over 2 seconds!

    Thread Starter Foxplex

    (@foxplex)

    (PS: After doing these steps, you have to re-upload “original.jpg” on the server, otherwise WordPress won’t find your image.)

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Flex Slider loading extremely slow’ is closed to new replies.