Lazy load HTML elements?

  • Resolved snipsnip

    (@snipsnip)


    1 year, 11 months ago

    Hello, could you expand the core functionality of the plugin with lazy loading HTML elements.
    I am currently doing something similar, manually, with content-visibility CSS property for the supported browsers. It helps a lot reducing the DOM size of the page and improving the loading time, especially for longer pages.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Albert Peschar

    (@kiboit)

    Hi @snipsnip,

    Do you move some content to AJAX requests, or do I misunderstand?

    –Albert

    Thread Starter snipsnip

    (@snipsnip)

    I am not sure if it uses ajax. I set the elements to auto and they are loaded only when I scroll to them. For example, the footer or the related products in the single product page. There are many more elements that I have set to content-visibility: auto. Probably I can optimize even more but would be great if there was a plugin for that to make it automatic – to lazy load whole divs. Also, it doesn’t work in firefox/firefox mobile or safari – it is not supported.

    • This reply was modified 1 year, 11 months ago by snipsnip.
    Plugin Author Albert Peschar

    (@kiboit)

    Hi @snipsnip,

    I see. So this is delaying the rendering of those elements.

    https://css-tricks.com/almanac/properties/c/content-visibility/

    It’s an interesting feature but I don’t currently have any plans to add this to PhastPress.

    –Albert

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Lazy load HTML elements?’ is closed to new replies.