How to optimize the loading of images in the carousel with a huge number of them?

S

SexyMonkey2016-04-23 12:10:32

JavaScript

SexyMonkey, 2016-04-23 12:10:32

There is a landing page (without CMS, moms, dads and loans), which has about 10 carousels. Each carousel slide is also a carousel with quite a few slides spinning around. The total volume of images is more than 300Mb. How to correctly organize the loading of images only when viewing?
Owl 1.3.3

PS is used, all images are already optimized, there is no need to focus on this.

Reply

Answer the question

In order to leave comments, you need to log in

3 answer(s)

I

Ivan Bogachev, 2016-04-23
@sfi0zy

Are you saying that one page can be over 300MB ? An average phone/tablet/laptop can simply faint from this, no matter how much you optimize their loading. If you try to free up memory from pictures, then when you try to scroll back up, you will have to download everything again, then the mobile Internet will faint. Where is the web heading...

A

Alexey Ukolov, 2016-04-23
@alexey-m-ukolov

How to correctly organize the loading of images only when viewing?

Are there different ways to implement this functionality? And among them are wrong?

D

dmitriy, 2016-04-23
@dmitriylanets

lazy load images