fixing the cls caused by scale on images
so i have this element on this page & this selector is responsible for the element
i score 67 in lighthouse & sometimes it drops to 60
as you see in the screenshots; i don't know tho how to fix the other thing that's causing the cls to shift that bad
16 Replies
i need the image to scale tho so i need it even tho it hurts the whole thing i don't know if there's a way to optimize it or not
Are you sure the
scale is the issue here?about the menu moving to the right yes, about the cls i'm still trying to figure it our
when i try to check the performance tab i get good insight i don't know if this is a false positive or not but in lighthouse it says otherwise
h1 & a div that has the slider in it is the cause of the issue
https://web.dev/articles/optimize-cls
i believe so about the menu going outside of the viewport
if you have to use scalez you are doing something VERY VERY VERY wrong
What?
No only scale, unless if that's what you actually meant
what i mean is that if you need to use scale for something other than effects, then you did something wrong somewhere else
Ohh no no it's the images they're too small, and uneven I guess when adding width to it, they look weird like not the right scale I guess, they only look the same width and height when I do scale
I'll send you a screenshot tomorrow, I'm tired now
this might be why
hey there good morning
so
when i use this look on how the images look
quite even
but when i change scale:2 to let's say width:50%
i get this
that was the reason i used scale
remember this: scale doesn't re-layout the page and is just for presentation
so, there is something wrong there
also, it is complaining more about the image at the top