Yes Chef Studio

Optimizing Webflow CMS Images

This is an often overlooked aspect of website performance. Ideally we upload our images fully optimized from the start, but as team members get involved and corners are cut we can end up with a CMS full of images slowing down our site and making it harder for users to load the content.

1. Click on CMS

Click on CMS

2. Click on the CMS Collection you want to optimize

Click on the CMS Collection you want to optimize

3. Click on the CMS item you want to optimize

Click on the CMS item you want to optimize

4. Click the arrow for the image

Click the arrow for the image

5. Download and compress the image using a converter like optimage, tinypng etc....

Download and compress the image using a converter like optimage, tinypng etc....

6. Replace the old image with the new one

Replace the old image with the new one

ℹ️ Repeat for all CMS items