Я отображаю изображения из API службы национальных парков для веб-приложения, и изображения, отображаемые в миниатюрах, вызывают большие задержки.
Есть ли способ сжимать URL-адреса изображений перед их отображением или как-то уменьшать задержку?
Код ниже показывает, как отображаются изображения.
for (let j = 0; j < parkInfo.data[i].images.length; j++) {
$('#pics').append('<img src="' + parkInfo.data[i].images[j].url +
'" width="33%" altText="' + parkInfo.data[i].images[j].altText +
'" class="img-thumbnail">');
Пример изображения:
Как изображения отображаются в настоящее время:
