CLS issue with the plugin

  • Resolved iosonogregorio

    (@iosonogregorio)


    5 years, 1 month ago

    Hello,

    after testing my website with Google PageSpeed Insights I got Cumulative Layout Shift Error concerning all of the logos used in GS Plugin. They explain: “Image elements do not have explicit width and height. Set an explicit width and height on image elements to reduce layout shifts and improve CLS.”

    How I could specify width and height of images used in your plugin?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author GS Plugins

    (@gsplugins)

    5 years, 1 month ago

    Hi @iosonogregorio

    Thanks for the concern.
    We are taking care of the issue.

    Hope to update you soon.

    Regards / Sarwar

    Thread Starter iosonogregorio

    (@iosonogregorio)

    5 years, 1 month ago

    Thank you for a quick reply! I am waiting patiently for the update on this issue.

    Plugin Author GS Plugins

    (@gsplugins)

    5 years, 1 month ago

    Hi,

    Good day.

    Released new lite version (3.0.6) & Pro version (2.1.05).

    * [Added] : NAV arrow position to all slider themes.
* [Fixed] : Conflicted function name with other plugins.
* [Fixed] : Cumulative Layout Shift Error.
* [Fixed] : Wrong unique key issue.
* [Fixed] : SVG's size issue.

    Please check & let us know.

    Regards / Sarwar

    Thread Starter iosonogregorio

    (@iosonogregorio)

    5 years, 1 month ago

    Hi,

    thanks for this one! The “Image elements do not have explicit width and height” error related to the GS plugin is gone.

    There is only one issue related to CLS present in Lighthouse

    “Avoid non-composited animations”.

    Each logo animated with GS Slider Lite has such a description: 

    <div class="gs_logo_single gs_logo-single--flex-center">
Unsupported CSS Property: border-bottom-left-radius
Unsupported CSS Property: border-bottom-right-radius
Unsupported CSS Property: border-top-left-radius
Unsupported CSS Property: border-top-right-radius

    ”

    Google comments it as “Animations which are not composited can be janky and increase CLS.” https://web.dev/non-composited-animations/?utm_source=lighthouse&utm_medium=unknown

    Plugin Author GS Plugins

    (@gsplugins)

    5 years ago

    Hi @iosonogregorio

    Released new version –

    VERSION 3.0.7 [20TH MAY 2021]
[Added] : Direction Left to Right for Slider & Ticker Theme (Pro feature).
[Fixed] : CLS issue for unsupported CSS Property: border-radius
[Fixed] : Lazy-load issues with images at Grid layout.
[Fixed] : Output buffer issue.
[Added] : Identification class to Logo images.
[Updated] : Increased Sliding Speed and Autoplay pause value to max 10,000

    Please check & let us know.

    Thanks / Sarwar

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘CLS issue with the plugin’ is closed to new replies.