Add width and height to svg flags

  • Resolved kozmicblues

    (@kozmicblues)


    1 year, 3 months ago

    Please set an explicit width and height on svg flag image elements to reduce layout shifts and improve CLS. Speed tests complain about this.

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

    (@edo888)

    Hi,

    Please be more specific.

    Thanks! ??

    Thread Starter kozmicblues

    (@kozmicblues)

    What I am asking for is for you to add height=”24px” width=”33px” or whatever the dimensions are to the?floating language selector flag image.

    img src=”https://cdn.gtranslate.net/flags/svg/en-us.svg” height=”24px” width=”33px” alt=”en”

    Run a site with your floating language selector in a site speed test and you will see it complaining about it: https://pagespeed.web.dev

    Plugin Author edo888

    (@edo888)

    Hi,

    I see what you mean. I will consider adding width and height in future versions.

    I have checked it with a CLS tester and it does not increase the CLS score.

    The Float widget is set to “appear” on top of other elements when everything else is loaded, so it should not do any layout shifts.

    Thanks! ??

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Add width and height to svg flags’ is closed to new replies.