Building an image optimization tool to win the PageSpeed game on autopilot

Hi dev.to!

We’re building an image optimization tool called PageDetox. Its purpose is helping to win the Google PageSpeed game.

I want to ask you for URLs to analyze and provide you with optimization instructions to raise your image score up to a 💯.

How does the tool work?

• You analyze a page on autopilot, request a report
• We provide the report together with a personalized workflow for optimizing images

The analyzer is there and ready, while the step-by-step optimization part is work in progress.

Here’s the instruction design we want to start with:

• Upload files to an Image CDN (since we're with Uploadcare, we stick with using that service; if you're a fan of other solutions, pick your favorite. Uploadcare provides a CDN URL that allows applying Image Transformations on the fly, we make use of it)
• Get those CDN URLs
• Replace the src attribute in <img> with srcset
• Make each version of a source image with on-the-fly transformations taking analyses results into consideration

Check an example below ⬇️

So, shoot me your page URL in the comments. I’ll be supervising each set of instructions and ask what was unclear/going wrong, a custdev kind of thing.

If you’ll have any feedback regarding the app’s flow, I’d appreciate you sharing it.

Thanks!