Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • December 21, 2020 at 7:42 pm #1269122
    DGITeV

    We are using an icon list, a masonry element, and the testimonials element on our homepage.

    When scrolling down, the icon, masonry images, and testimonial portrait do not render – only after the content element is about to leave the browser window.

    Even worse is a timeline element that does not render at all at times…

    No idea what’s happing here. Please advice.

    Browsers: Up-to-date Chrome and Firefox. OS Mac OS 10.15.6

    Links below in private message.

    Thanks,
    Jens

    December 22, 2020 at 1:22 pm #1269309
    DGITeV

    Commenting on my own request: I have “natural scrolling” activated in MacOS and the rendering animations activate in an upside-down manner. Likely a connection. Cannot test with another device here.

    December 27, 2020 at 2:46 pm #1269862
    Mike

    Hi,
    Sorry for the very late reply and thanks for the login. I first tested your page with Chrome on Windows 10 and found the late loading elements, the adjustments I would recommend is to not load jQuery in the footer at Enfold Theme Options > Performance > Load jQuery in your footer, if you are going to use the “a3 Lazy Load” plugin you should disable the Enfold Theme Options > Performance > Lazy Loading option, but I would recommend first disabling the plugin and use the theme option to ensure the late loading is not caused by the plugin.
    Please try these changes and then deactivate your Enfold Theme Options > Performance > JS & CSS file merging and compression and enable the Enfold Theme Options > Performance > Delete old CSS and JS files Then clear your browser cache and check.

    Best regards,
    Mike

    January 4, 2021 at 1:54 pm #1270149
    DGITeV

    Thanks, Mike!

    I followed the direction in your first paragraph

    to not load jQuery in the footer at Enfold Theme Options > Performance > Load jQuery in your footer, if you are going to use the “a3 Lazy Load” plugin you should disable the Enfold Theme Options > Performance > Lazy Loading option

    Works fine now.
    Any reason to “merge & compress” and “delete old CSS and JS” yet?

    January 4, 2021 at 2:59 pm #1270164
    Mike

    Hi,
    Glad to hear this helped, as you were able to see the correction without doing the “merge & compress” and “delete old CSS and JS” part, you should be fine now, but should some changes in the future not take hold you can then try this step.
    I recommend not using any caching or minifying until your site is done, only because making frequent changes can be masked with the cache.

    Best regards,
    Mike

    January 4, 2021 at 3:20 pm #1270178
    DGITeV

    Thank you, Mike!
    (Closed topic from my side.)

    January 5, 2021 at 5:14 am #1270305
    Ismael

    Hi,

    You are very welcome! Please do not hesitate to open another thread should you need anything else.

    Have a nice day.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • The topic ‘Graphic Elements rendering only AFTER leaving the browser window when scrolling’ is closed to new replies.