Правда ли, что изображения в CSS-фоне загружаются раньше всех изображений в HTML <img>?

Question

Если я хочу быстро загрузить любое изображение, я должен использовать его в качестве фона CSS, а не в? Я думаю, что разница будет только в низкоскоростном интернет-соединении.

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

http://perishablepress.com/press/2008/04/15/pure-css-better-image-preloading-without-javascript/

http://perishablepress.com/press/2007/07/22/css-throwdown-preload-images-without-javascript/

http://divitodesign.com/css/create-an-image-pre-loader-with-css-only/

Answer 1

Это все о порядке, в котором все происходит. Браузеры могут начинать обрабатывать вещи как можно скорее, поэтому на средней странице с css, определенным в заголовке, он может начать запрашивать и получать изображения из css, прежде чем он сможет сделать это из тела. документа.

Короче говоря, ответ - да.

Но ... имейте в виду, что он на самом деле не загружает изображения быстрее. Все, что вы делаете, это меняете порядок загрузки, а не абсолютную скорость. Изображения все равно будут загружаться столько же времени. Если вы переместите все из тела в css в голове, вы все равно будете иметь приоритетные решения относительно того, какие из них загрузить первыми. Итак, вы прошли полный круг. Вы не можете сделать все быстрее, чем все остальное.

Answer 2

Это явно зависит от браузера. Кроме того, нет логической причины, по которой это должно иметь место, и она не будет иметь большого значения даже для низкоскоростных соединений. Даже если бы между начальной загрузкой изображения на странице и изображения в правиле CSS была задержка в 200 мс, конечный пользователь никогда бы этого не заметил.

Если вам нужно создать веб-страницу для низкоскоростных подключений, на самом деле решение не «оптимизировать» таким образом.