croganm
croganm
PostsComments
KPCKevin Powell - Community
Created by croganm on 6/23/2023 in #front-end
CLS Issue even after providing image dimensions
Hello, I've noticed my website still has a CLS issue when throttling the network speed even though I've provided the image width and height. This is an Astro statically rendered site, so this code is server rendered ahead of time. This occurs on the homepage on mobile. I've attached a video. You can also review it yourself. It's the hero image on the homepage. https://american-diagnostics-website-git-optimizations-croganm.vercel.app/ Here's what the element code is: 
<img src="/_astro/Grandparents with Grandkids Playing.ac8c9a8a_27mTz.webp" alt="" loading="eager" class="h-full w-full rounded-md object-cover astro-OCRORTKZ" width="1000" height="666" decoding="async">
<img src="/_astro/Grandparents with Grandkids Playing.ac8c9a8a_27mTz.webp" alt="" loading="eager" class="h-full w-full rounded-md object-cover astro-OCRORTKZ" width="1000" height="666" decoding="async">
Any help would be appreciated
4 replies
KPCKevin Powell - Community
Created by croganm on 6/23/2023 in #ui-ux
Website UI/UX Feedback plus any suggestions
Hey Everyone. I feel pretty good about this design but always good to get another set of eyes on a project, especially from developers. Lmk what you think: https://american-diagnostics-website-git-optimizations-croganm.vercel.app/
10 replies