Загружать ли картинки JS-ом?

Question

[Neopitniy]

Как считаете, есть ли смысл догружать некоторые изображения на сайт javascript-ом?

var pict_1 = document.createElement("img");
pict_1.src = '1920w.jpg';
document.getElementById("block_1").appendChild(pict_1);

Почему JS?

1. В зависимости от размера $(window).width() можно подгрузить разную картинку.
2. Проходится лучше Pagespeed
3. По СЕО вопросов столько же, сколько стандартными методами загрузки, включая css background, то есть ни сколько)

Может есть поумней решения или так тоже делается?

Comments

[RMate]

Есть lazyload)

Answer 1

[WapSter]

<picture>
 <source srcset="mdn-logo-wide.png" media="(min-width: 600px)">
 <img src="mdn-logo-narrow.png" alt="MDN">
</picture>

Comments

[Neopitniy]

IE11?

[WapSter]

Neopitniy, не поддерживается. В вопросе это указывать нужно

[Neopitniy]

WapSter, за ответ спасибо)
Понятно дело, волнует основная масса браузеров. Включая 11й.

[WapSter]

Neopitniy, ну тогда не

есть ли смысл догружать некоторые изображения на сайт javascript-ом

, а единственный вариант.

[Ankhena]

Neopitniy, для ИЕ11 есть простенький полифил и нет проблем.

[Александр Маргинал]

Зачем поддерживать ие? Он возьмёт стандартную калину по умолчанию. То что не по размеру - не суть, они должны страдать

[WapSter]

Александр Маргинал, то есть корпоративные пользователи неважно как они связаны с каким либо заказом, но у которых больше всего денег, ну или по крайней мере могут их тратить должны страдать? Если в ТЗ есть ie нужно делать под ie.

[Александр Маргинал]

WapSter, корпоративным пользователям картинки не важны

[Neopitniy]

Ankhena, Так я не понял... ИЕ 11 отметает всё, кроме
<img src="mdn-logo-narrow.png" alt="MDN">
или надо костыли придумывать?

[Ankhena]

Neopitniy, не нужно придумывать костылей, нужно просто подключить полифил, picturefill.js называется.

[Neopitniy]

Ankhena, да опять эти костыли бл....
Спасибо.