Hello,
I’ve a Masonry gallery on a page with the images showed from a folder.
The problem is that the gallery has a lot of images and the page loading could be very slow.
My question… is there a functionality on App Connect framework (or an extension) that allow me to resize the images automatically when the page load, storing the thumb files in a “cache folder” (e.g. /images/images_cache/"?
The resize would have three options:
“Stretch to fit” (will resize the image to fit the width and height specified, this will not maintain the original image’s aspect ratio);
“Fit to box” (will resize the image so that it fits within the dimensions specified);
“Crop from center” (will crop the image from the center to fit the specified dimensions);
“Proportioned to box” (resizes the image to fit within the box dimensions specified in the HTML without adding a fill color to fill any empty space);
Other solution (and perhaps the best) could be a “lazy load system”, loading the images on the website asynchronously (above-the-fold content is fully loaded only when the images appears in the browser’s viewport, if the users don’t scroll all the way down, images placed at the bottom of the page won’t even be loaded).
Any suggestions?
Last updated: