Masonry Galerie is not loading, lazy loading is deactivated

Hey rixi,

Would you mind providing a screenshot of the issue? You can use platforms like Savvyify, Imgur or Dropbox to upload and share the screenshot. Here are the steps to follow:

1.) Visit the website of your chosen platform, such as Savvyify, Imgur or Dropbox.
2.) Locate the option to upload a file or an image.
3.) Select the screenshot file from your computer or device and upload it to the platform.
4.) After the upload is complete, you will be provided with a shareable link or an embed code.
5.) Copy the link or code and include it in your message or response to provide us with the screenshot.

Thank you for taking the time to share the screenshot. It will help us better understand the issue you’re facing and provide appropriate assistance.

Best regards,
Ismael

Hi,

We can’t reproduce the issue on our end. Did you remove the elements that are not loading? The section with the purple background was missing when we checked the page.

Best regards,
Ismael

Hi,

It seems to be working correctly on our end. The images take a while to load and transition because there are many items on one page. We recommend enabling pagination or removing the other Masonry gallery.

Best regards,
Ismael

Hi,

Thank you for the update.

Try to add this css code to disable the animation of the masonry items and make them visible immediately on page load.

#top .av-masonry-image-container, #top .av-inner-masonry-content, #top .av-masonry-pagination {
    transition: none;
}

#top .av-inner-masonry {
    transform: translateZ(0px) translateY(0px) rotateX(0deg);
    opacity: 1;
    animation: none;
}

#top .av-masonry-entry {
    opacity: 1;
    visibility: visible;
}

Best regards,
Ismael

Hi,

Yes, the image count and file size may contribute to the delayed execution of the scripts, so selecting smaller versions of the images and compressing them should help. As mentioned above, reducing the number of images on the page, enabling pagination, or completely removing the second gallery should also help.

— https://kriesi.at/archives/4-key-wordpress-image-optimization-tips
— https://gtmetrix.com/optimize-images.html

Best regards,
Ismael