How to fix Smush Lazy Loading and Elementor TOC?

  • Hi,

    I use Image Smush Lazy Loading and TOC of Elementor. Additionally, I need lazy loading as the pages have many images. When I switch on lazy loading, the TOC links do not “jump” to the headings, but point somewhere in the content. If I switch off lazy loading, the TOC links work, but my “Largest Contentful Paint” is too bad.

    Is there any trick to fix it? I would like to have lazy loading AND TOC working on the page with many images.

    Thanks,
    KR. Laboratories

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Zafer – WPMU DEV Support

    (@wpmudevsupport15)

    Hi @krashlab,

    I hope you are doing well today!

    Yes, you’re experiencing a common issue with using lazy loading and “jump links” or Table of Content links. Ideally, these two features should work simultaneously without issues, but sometimes that’s not the case. Images and other elements on the page aren’t loaded until they come into view, due to lazy loading. But when you click on a TOC link, the browser tries to scroll instantly to that particular content. During this process, if lazy loading hasn’t finished, the browser may scroll to a wrong place since the page’s height is still changing.

    Smush allows you to exclude specific elements from lazy loading by using CSS classes or unique identifiers. You may able to exclude the regions where your TOC is pointing to.

    Identify the CSS classes or IDs associated with your TOC. Add these classes or IDs to the “Include/Exclude” section in your Smush Lazy Loading settings.

    https://wpmudev.com/docs/wpmu-dev-plugins/smush/#post-pages-urls-classes-and-ids

    https://wpmudev.com/docs/wpmu-dev-plugins/smush/#lazy-loading-filters

    Please let us know if you need further help or clarification.

    Kind regards,
    Zafer

    Thread Starter KR. Laboratories

    (@krashlab)

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to fix Smush Lazy Loading and Elementor TOC?’ is closed to new replies.