Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #261859

    Hi kriesi-team,

    I’m almost finished with another Enfold-project and have the following issue:

    My client claims, that images are not loading (immediately) when she scrolls down the site. The images should load in the moment, the content is visible in the browser.:

    Please advise asap. I need to go online tomorrow.

    Thanks and cheers,
    Jan :)


    Hi jansthh!

    Thank you for using the theme!

    I’m not sure if we can do anything about the images not loading immediately because it will depend on the internet speed and hosting plan. You can try to optimize the website with the following steps courtesy of the wordpress community:

    1. Optimize all images with AI/Photoshop before uploading to server ‘save as web safe’ jpg
    2. Once all images are on the website optimize with ewww optimizer plugin twice 1hr 10mins apart.
    3. Install wp-smushit run once to remove jpeg extra data, then uninstall.
    4. Use BWP minify plugin to minify scripts and stylesheets.
    5. Install WP-Super cache, select all recommended settings.
    6. Logout your website, visit every page at least once to create super cache files.
    7. Join Cloudflare setup your website on their CDN, Choose options: Full CDN Optimisation save then activate purge files. once done log out.
    8. Have a cup of coffee.
    9. Visit your site after 20 minutes or so.
    10. Don’t forget to smile.

    Aside from the suggestions above, usually minimizing the image sizes and number of plugins that you install will greatly improve the performance.



    Hi Ismael,

    thank you for that. But it’s not about the speed. It’s about the point of scrolling down. If I don’t go down further at some masonry galleries, they won’t load at all (try further down “Nachrichten aus der Wirtschaft” on and scroll with normal user speed).

    Is there any chance you can give me a quick css through that tha masonry galleries will load earlier (not more quickly) when scrolling down a page with several masonry galleries?

    I appreciate your help.




    Try adding the following CSS to your Quick CSS (located under the Styling Tab in the theme options) or the custom.css file in the css folder of your theme files:

    .avia_sortable_active .isotope, .avia_sortable_active .isotope .isotope-item {
        opacity: 1 !important;
        visibility: visible !important;
        -webkit-transition-duration: 0s;
        -moz-transition-duration: 0s;
        transition-duration: 0s;    
    .avia_desktop.csstransforms3d .av-masonry-entry.av-masonry-item-loaded .av-inner-masonry{
    -webkit-animation: avia_msonry_show 0.0s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Safari 4+ */
    -moz-animation:    avia_msonry_show 0.0s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* Fx 5+ */
    animation:         avia_msonry_show 0.0s 1 cubic-bezier(0.175, 0.885, 0.320, 1.075); /* IE 10+ */


Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.