shinsenter

@allense2018
Thank you so much <3

@jakublutter

Can you give me a URL to sites that are having CLS issues? I need to do some investigation on your site.

My plugin has basically nothing to do with DIV tags (unless you need to lazyloading the style attribute present on some DIV tags).

@allense2018

Glad to know this plugin has helped your website. Whenever you have time, give this plugin a good review if you feel satisfied.

@allense2018

There is an option to help you skip lazyloading for some elements on the page. You can ignore the images in the slider by adding a classname or CSS selector to filter the images.

@jakublutter

Thank you for using the plugin and giving feedback. I will check and consider a solution.

@harmonikas996
Thank you for the bug reporting. It will be fixed in the next release.

@harmonikas996

CLS occurrence for an image is usually because you don’t set the height and width attributes for the image, so when it is lazy loaded, the img tag will be resized and it will cause the CLS. There is no more efficient way to prevent CLS of an image than setting the height and width attributes.

If the CLS metric is too critical, or only happens on few elements on the page, I think you should consider disabling lazyloading for the elements that cause the CLS.

From v2.2, I added an option for the plugin, which will help you bypass lazyloading elements on the page using the CSS selector for filtering. Please try using this option to ignore lazyloading for the SVG image causing CLS, and see if it improves your score.

• This reply was modified 3 years, 7 months ago by shinsenter.

@moisb
Thank you so much ??

@stefa98

Got it. I will consider adding new plugin setting for your needs in future.

@stefa98

I can understand it this way: you are using two different plugins at the same time and are having both javascript optimization enabled at the same time, and that is leading to your issues.

For that reason, there is nothing better than to consider disabling the javascript optimization of either plugin as I mentioned. Unnecessary adding new attributes will reduce the performance of the plugin, and result is no difference.

Please try it!

• This reply was modified 3 years, 7 months ago by shinsenter.

@stefa98

You may try uncheck the “Optiomize javascript” option in the plugin settings to tell the plugin skip all script tags on your page.

@stefa98

I am not sure if it was a defer.js plugin problem or due to another litespeed option, since version 2.0 this plugin is optimized for script tags with defer attribute only.

What version of defer.js plugin are you using?

@stefa98

I do not fully understand your usage scenario and what you want. If you want this plugin to ignore an element in HTML, you can add the data-ignore attribute to the element’s tag.

@ab18282
Thank you so much!

@harmonikas996
I have released version 2.0.0-beta.24. Please give it a try. Thank you.