HTML Lazyload
-
Does HTML Lazy Load Work?
i enter footer or #footer?
Thanks
-
There is no lazy load for HTML, but there is content-visibility:
https://web.dev/content-visibility/
https://developer.mozilla.org/en-US/docs/Web/CSS/content-visibility
https://css-tricks.com/almanac/properties/c/content-visibility/FYI: content-visibility must be supported by your theme.
I’m talking about this setting.
I’m not sure if it’s working or not.
#footer or footer?
We’ll understand better if someone authoritative answers.
Again, there is no Lazy Load for HTML, neither native nor by the cache plugin nor by anything else. This means, that lazy load function in cache plugin works for images and iframes only.
If you want something similar to Lazy Load for HTML, you’ll have to rewrite your theme and use content-visibility. If you want to know more about content-visibility and what the advantage of it is, you have to read the linked text from my last post.
I’m not a coder.
Does the “HTML Lazy Load Selectors” feature in the WordPress Litespeed Cache plugin work?
I just want to load the footer part late. Do I type #footer or footer or .footer?
Why did they put this feature?
HTML Lazy Load Selectors – lazy loads HTML (#comments and #footer are common). View this FlyingPress documentation which has a video tutorial and is the same process for LiteSpeed Cache. View your site → right click any element you want to lazy load → inspect → right click highlighted code → copy → copy selector → paste it into this field.
Taken from this article https://onlinemediamasters.com/litespeed-cache-settings/
Hope that helps
I read it, but the “#” does not appear in the litespeed documentation.
-
This reply was modified 3 years, 3 months ago by
ei.
please try put a class id/name on your footer to html lazyload list
id=”footer” class=”footer”
Copy selector= #footer
Which way should I write in the HTML Lazyload section?
Use the # (which was also mentioned in the article linked above)
As I have tried to make you understand several times, while the cache plugin offers a function for lazy load of HTML, this function does not work as you expect. The Lazy Load of HTML is not possible with conventional methods. This would require separate AJAX programming. Therefore, don’t expect that despite correct entries in the cache plugin settings, you will get the same as with lazy load for images. If you want to improve the loading behavior and thus the loading time, you need the content-visibility function, because so far it has only been possible to influence the rendering of HTML code with this function.
May I have the domain to have a quick look ?
-
This reply was modified 3 years, 3 months ago by
The topic ‘HTML Lazyload’ is closed to new replies.