Images

Images without explicit width and height cause the page to jump when they load. Learn how unsized images create layout shift and what the fix looks like.

Image optimization plugins automatically compress and convert images when you upload them. Learn what these plugins do and how they complement other image practices.

Compressing images reduces file size without noticeably reducing quality. Learn the difference between lossy and lossless compression and how over-sized images affect performance.

Your hero image is often the LCP element — the largest visible content when the page loads. Learn how hero image delivery affects Largest Contentful Paint and what slows it…

Responsive images serve different sizes to different devices so mobile visitors do not download desktop-sized files. Learn how srcset works and why it matters for LCP.

Lazy loading delays offscreen images until the visitor scrolls near them, reducing initial page weight. Learn how lazy loading works and when it helps or hurts performance.

Modern image formats like WebP and AVIF are significantly smaller than JPEG and PNG at the same quality. Learn why image format matters and how it affects page weight and…