У меня есть приложение Angular, которое вызывает следующий API: https://aws.random.cat/meow. Эта конечная точка возвращает URL-адрес изображения, которое я сейчас использую в атрибуте src тега изображения.
Возвращаемый формат URL выглядит следующим образом:
{
file: "https://purr.objects-us-east-1.dream.io/i/Tr08p.jpg"
}
Поскольку в этом случае размеры и разрешение изображений не известны заранее, и мы не имеем никакого контроля над сервером, есть ли возможности оптимизировать полученные изображения?
На данный момент я использовал фиксированный размер изображений, чтобы макет не мерцал при загрузке, и я могу подумать о ленивой загрузке изображения (<img src="received_url" loading="lazy">) в случае контейнера не отображается на экране.
Однако я не знаю о других возможных оптимизациях, поскольку мы не контролируем источник изображений.