Это правда, что изображения в фоновом режиме css загружаются перед всеми изображениями в HTML ‹img›?

ЕСЛИ я хочу быстро загрузить любое изображение, должен ли я использовать его в качестве фона 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/


css xhtml
person Jitendra Vyas    schedule 15.01.2010    source источник
comment
нет, но я видел много статей, связанных только с предварительной загрузкой css, все они используют изображения в фоновом режиме css.   -  person Jitendra Vyas    schedule 15.01.2010

Ответы (2)


arrow_upward
1
arrow_downward

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

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

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

person graphicdivine    schedule 15.01.2010
comment
И я думаю, что все ссылки, которые я упомянул в вопросе, используют HTML-код на странице только для предварительной загрузки изображений, поэтому код в HTML не имеет значения. Неправильный ли весь метод семантически. я прав? - person Jitendra Vyas; 15.01.2010
comment
Извини, Джитендра, я не понимаю твой вопрос. Вы можете уточнить? - person graphicdivine; 15.01.2010
comment
См. Эту статью perishablepress.com/ нажмите / 2008/04/15 /, он предлагает добавить скрытый div в код. Как вы думаете, это семантически правильно? - person Jitendra Vyas; 15.01.2010

arrow_upward
0
arrow_downward

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

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

person zneak    schedule 15.01.2010