а на русском подобное что-то есть ?

disabled  там что-то не нашел

наверно, так https://html.spec.whatwg.org/#enabling-and-disabling-form-controls:-the-disabled-attribute

ну это атрибут

а disabled свойство непонятно на каком интерфейсе объявлено

ну тогда смотри на спеку, да

mdn есть на русском

но его не надо читать

this.disabled = true;   это все равно мы обращаемся к атрибуту для удаления ?

-------
я просто сравниваю , есть
this.setAttribute('disabled', 'disabled');

и есть
this.disabled = true;

ну так, делает тоже самое

Ребят, всем привет) Я недавно во фронтенде и хотел спросить про оптимизацию загрузки изображений.

Как было: обычный вывод изображений через img и ссылкой на изображение в src.
Как стало: сделал div, в котором прописал background-image ссылку на картинку.

Я бы хотел прийти к тому, чтобы сама страница загружалась быстро без изображений, а потом в фоне подгружались картинки, но при этом пользователь уже мог взаимодействовать с сайтом.

Вопрос: В какой момент при таком способе CSS подгружает изображения? Сначала загружается страница, а потом фоном подгружаются изображения (но сама загрузка страницы в этот момент уже завершена)?

как читает CSS так и грузит

ща уже lazy loading img можно делать

Слышал про lazy loading, но пока особо не разбирался)

Еще такой вопрос: если сделать первоначальную загрузку страницы без изображений, а потом в скрипте JS написать на событие load вот такую штуку

$(window).load(function () {
        $('.image-container').each(function (index, elem) {
            elem.setAttribute('style', 'background-image:url(' + elem.getAttribute('first') + ')');
        });
}

- это будет отличаться от вышеописанного способа с сразу прописыванием в CSS?

$(window).load(function () {
        $('.image-container').each(function (index, elem) {
            elem.setAttribute('style', 'background-image:url(' + elem.getAttribute('first') + ')');
        });
}

это и есть некий lazy load

только lazy load грузит картинку тогда, когда она попадает в поле зрения юзера

Ну да, просто тут мы прогружаем последовательно сразу все картинки на сайте, а lazy load это вроде загрузка при скролле, т.е. прям по необходимости)

Суть в том, что сейчас (пока на этом этапе) хочется сделать сначала просто такую схему: сначала загрузка самой страницы, а потом в фоне прогрузка всех картинок, когда сама страница уже загружена и пользователь может взаимодействовать с ней

Обобщу вопрос, чтобы было понятнее что хочу спросить)
Отличается ли способ, описанный в моём первом сообщении (без использования JS, только бэкенд и CSS) от способа, описанного во втором сообщении (бэкенд + JS + CSS) в плане момента загрузки изображений, и если да, то какой из них вы бы использовали? (если пока опустить lazy load)