Comments Shane Ivers started the conversationNovember 6, 2023 at 10:23amHi, so since we've had the option to load the playlists with AJAX, my optimisation plugin can no longer add explicit image dimensions to the thumbnails in the list. This leads to Google getting angry with a bad CLS score:Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensionsAs we can define the image width in the tracklist, it would be really cool if we could have the dimensions added.So in these divs for example:li.sr-playlist-item > div.sr-playlist-item-flex > div.sr_track_cover > img you can add: "width="114" height="64"" to the img div. With whatever the width and calculated height was.Thanks, as always, for the excellent plugin!Shane 667Alexandre repliedNovember 6, 2023 at 4:13pmHi Shane, You right this is something we should work on. I have add this task to our roadmap, but I can tell for now if it is something we will do soon.Thanks, Alexandre from the Sonaar.io Crew Sign in to reply ...
Hi, so since we've had the option to load the playlists with AJAX, my optimisation plugin can no longer add explicit image dimensions to the thumbnails in the list. This leads to Google getting angry with a bad CLS score:
Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Learn how to set image dimensions
As we can define the image width in the tracklist, it would be really cool if we could have the dimensions added.
So in these divs for example:
li.sr-playlist-item > div.sr-playlist-item-flex > div.sr_track_cover > img
you can add: "width="114" height="64"" to the img div. With whatever the width and calculated height was.
Thanks, as always, for the excellent plugin!
Shane
Hi Shane,
You right this is something we should work on. I have add this task to our roadmap, but I can tell for now if it is something we will do soon.
Thanks,
Alexandre from the Sonaar.io Crew