I’ve got a large image on my loader project, which I thought would be served a little more efficiently. Is this not using the CDN? Am I doing something wrong? Should I be using JPG, WebP to make the most of the CDN?
<picture class="__wab_picture"><source type="image/webp" srcset="https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=640&q=75&f=webp 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=750&q=75&f=webp 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=828&q=75&f=webp 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=1080&q=75&f=webp 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=1200&q=75&f=webp 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&q=75&f=webp 1920w"><img alt="" loading="lazy" class="__wab_img" decoding="async" src="https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&q=75" srcset="https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=640&q=75 640w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=750&q=75 750w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=828&q=75 828w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=1080&q=75 1080w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&w=1200&q=75 1200w, https://img.plasmic.app/img-optimizer/v1/img?src=https%3A%2F%2Fimg.plasmic.app%2Fimg-optimizer%2Fv1%2Fimg%2Fee8cb90a8e45ee23f3c1ef5ef9e6fc27.png&q=75 1920w" sizes="100vw" style="width: 0px; height: 0px;"></picture>
I see it using srcset in my site, but it’s affecting the LCP. Is there something in or outside of plasmic I’m doing wrong? Not enjoying a 10+ second LCP