cls issue

  • Resolved wp-anis

    (@anis1287)


    4 years, 3 months ago

    Hi,

    Thank you very much for the plugin. Very complete and easy to use.

    I’m having an issue with inline and defer CSS.

    The theme already have inlined CSS with an ID tag. So i just checked the inline and defer option without filling it with CCSS. But it seems it doesn’t have much gain in perfs, and is also causing cls issues.

    Any idea of what’s wrong with that?

    Thanks in advance.

Viewing 15 replies - 1 through 15 (of 17 total)
  • Thread Starter wp-anis

    (@anis1287)

    It seems that the issue was when aggregating the CSS.

    Thread Starter wp-anis

    (@anis1287)

    It seems that there was an issue with aggregating the CSS. The CLS is gone when i unchecked it.

    Thread Starter wp-anis

    (@anis1287)

    Another issue is i still have render-blocking ressources.

    Thread Starter wp-anis

    (@anis1287)

    When i fill in the AO placeholder for CCSS, the render-blocking ressources are gone. But when leaving it empy, or using CCSS per page it doesn’t work.

    So i still don’t understand how your plugin works in this regard.

    • This reply was modified 4 years, 3 months ago by wp-anis.
    Plugin Author Optimizing Matters

    (@optimizingmatters)

    can you share your site’s URL so I can have a look maybe anis1287 ? ??

    Thread Starter wp-anis

    (@anis1287)

    Sure.

    Here it is: https://dollarenglish.pl/

    Current settings: Inline and defer in AO placeholder.

    Thanks.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    OK; so now there is no CLS and no render-blocking CSS, so that’s good. But you want to do things differently if I understand correctly? Can you configure it like that so I can look at it at in that configuration?

    Thread Starter wp-anis

    (@anis1287)

    Yes.

    Current option now: – Inline and defer checked. But placeholder for CCSS empty.

    As you can see, the render-blocking ressources are now back.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    weird, has a look at the HTML and nothing is deferred actually. might be a conflict with another plugin?

    Thread Starter wp-anis

    (@anis1287)

    Yes. I was also wondering about that. I will check for possible conflict then.

    Thanks for the help.

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    I think optimole, can you disable CDN’ing JS/ CSS in it?

    Thread Starter wp-anis

    (@anis1287)

    No it wasn’t that. You have apparently a bug.

    If you don’t use the aggregate option, the inline and defer option don’t work.

    So better fix that. Because sometimes combining files might cause issues, and you have to exclude files and all..

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    hmm, I’ll have to look into that tomorrow, _should_ work .. :-/

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    Morning anis1287 ??

    After a good nights sleep things become so much clearer; I checked the code and indeed excluded CSS is only deferred if there is “above the fold CSS” too, aim being to avoid FOUC/ CLS. If you are _sure_ you want this, add some dummy “above the fold CSS” (like z{y:x;}) and your linked CSS will be deferred. Do take into account though that although your theme has inlined CSS inlined, the same is not the case for plugins, so you will indeed very likely still have CLS.

    hope this clarifies,
    frank

    Thread Starter wp-anis

    (@anis1287)

    Ok. I get it. Thanks.

    But adding dummy CSS will generate CLS. You have to add the right atb CSS to avoid CLS.

Viewing 15 replies - 1 through 15 (of 17 total)
  • The topic ‘cls issue’ is closed to new replies.