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.
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?
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
Hello Julien,
Thanks for your advice.
It is very appreciated.
Thanks,
Alexandre from the Sonaar.io Crew