1. Обязательно используйте атрибут loading, чтобы предотвратить отображение пустых изображений или получение долгой загрузки изображений. 2. Используйте атрибут loading='lazy', чтобы предотвратить загрузку изображений, до того как пользователь прокручивает предварительный просмотр изображения. 3. Используйте атрибут loading='eager', чтобы принудительно загрузить изображения при первом просмотре страницы, чтобы пользователь получил мгновенное отображение изображения. 4. Как правило, используйте атрибут loading='auto', чтобы позволить браузеру автоматически определять правильный метод загрузки изображения.
Вы столкнулись с выбором: всегда загружать изображения, чтобы страница не зависела от сети после загрузки, или загружать их только при необходимости. Это две взаимоисключающие вещи. Вы можете использовать "костыль", который после события DOMContentLoaded будет проверять изображения и удалять атрибуты, связанные с отложенной загрузкой изображений. Таким образом, "разные тесты" не будут вызываться, но пользователи потеряют преимущества от отложенной загрузки.
Вы можете также прочитать общие рекомендации по использованию заполнителей изображений: [ссылка на статью](https://imagekit.io/blog/lazy-loading-images-compl...). Это похоже на то, как увидеть на табличке у ларька сигарет надпись "Буду через пять минут" или просто закрытую дверь.