Where do our images come from? 

1. DY CDN
2. Contentful => S3 => Cloudflare CDN
3. Products Image => S3 => Cloudflare CDN
4. Static Images => S3 => Cloudflare CDN

Dynamic Yield CDN

100% effects on CWV by charging LCP & CLS

3 different images for each banner

Fix dimensions 

https://cdn-eu.dynamicyield.com/api/9876733/images/a.jpg

Contentful

All kinds of images:

• - One image for all viewports, but different sizes
• - Different image for each viewport, also need different size for each viewport

Not fix dimensions

https://assets-cdn.moebel.de

Product Images

• One image for all viewports, but different sizes
• Fix dimensions
• https://product-images-cdn.moebel.de

Static Images

• One image for all viewports, but different sizes
• Fix dimensions
• https://assets-cdn.moebel.de

Problems?

CWV: Bad Performance - Too much KB

Marketing: Bad quality - Too much poor

Content: Limited sizes - Too much rules

DX: Limited resource - Too much complexity

Solutions?

Cloudflare - Image Resizing

• CWV: Improve up to 80% of DY and Contentful images performance by URL format feature
• Marketing: They can upload better images
• Content: Can not solve their problem
• DX: Simplify the complicity by URL format options

Cloudinary - DAM

• CWV: Improve up to 95% of DY and Contentful images performance by fetch remote feature
• Marketing: They can upload better images
• Content: ???
• DX: Simplify the complicity by fetch remote feature

Cloudinary - Image Optimizer

• CWV: ???
• Marketing: They can upload better images
• Content: ???
• DX: Simplify the complicity by having some tools and service ??

Others ???

 imagekit.io or libpixel.com