Problema de tempo de carregamento no item "Defina um tamanho adequado para as imagens"

Ao utilizar o Google Page Speed para avaliar o tempo de carregamento de uma página, tivemos como principal ponto a necessidade de definir o tamanho de imagens.

A orientação que o Google comenta, é de criar versões diferentes da imagens para ser renderizado em diferentes tamanhos/devices. Por exemplo, ele comenta que estamos usando imagens com tamanho ok para desktop, porém para renderizar para mobile é necessário muito mais esforço, por isso, a sugestão de ter várias versões

Alguém já passou por esse cenário também? Como fez para aplicar da melhor maneira e melhor o tempo de carregamento?

Vocês podem mexer na URL das imagens para que elas mudem de tamanho.
https://help.vtex.com/pt/tutorial/melhorando-a-performance-de-imagens-do-site--tutorials_4833

O ideal é puxar uma imagem “maior 800x800 1000x1000” no desktop conforme o layout e outra “menor 50x50 100x100” no mobile.