Okay
  Public Ticket #2769772
Improve Cumulative Layout Shift Tip
Closed

Comments

  • Julien Moysens started the conversation

    Hi there!


    While working on my site for Pagespeed, I noticed a little tweak that can help everyone: The SVG sizes have to be set for a couple of icons, in order to to be penalized by the Cumulative Layout Shift.

    I fixed it myself like this :


    .iron-audioplayer .control .play svg {
        width: 26px;
        height: 32px;
    }

    .iron-audioplayer .control .next svg, .iron-audioplayer .control .previous svg {

        width: 16px;
        height: 21.3px;
    }

    In the css of the plugin, it's on the class and not on the SVG item. Doing this little change gave me a green score on CLS. Perhaps good for a future update?

    Best regards,

    Julien

  •  667
    Alexandre replied

    Hello Julien,

    Thanks for your advice. 
    It is very appreciated.

    Thanks,


    Alexandre from the Sonaar.io Crew