Делаем адаптивную загрузку контента на сайте

[GCU]

А почему нельзя просто загрузить всё минимального качества, а потом постепенно догружать и заменять картинки?
У меня например под wifi скорость пляшет. Получается что если мне повезло — то я попал на полноценные картинки, а если нет то застрял с низким качеством?

[mixeden]

Работоспособный вариант, но есть куча людей с плохим соединением и мобильной сетью с тарификацией.

[monochromer]

Ждем релиза Network Information API во всех мажорных браузерах.

[pepelsbey]

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

[mixeden]

Вы отчасти правы. Но вообще в статье гифки взяты как один из примеров. По такой же схеме можно загружать видео с разным качеством или картинки.

[atomic1989]

Идея хорошая. На сайте картинки грузятся с одного домена. Не пробовали грузить картинки со второго домена, js и css с третьего. Это тоже может помочь с скоростью загрузки. У браузеров есть ограничения количества запросов на один домен. Если не ошибаюсь 4 на GET. Максимальное количество запросов тоже ограничено, но все же лучше. Скажем сейчас если грузится 8 элементов одновременно, то 4 реально грузятся, а 4 в ожидании. Возможно для слабого соединения не актуально вводить несколько доменов

[mixeden]

И правда можно, но:
1. Это запарно будет. А что, если у меня будет 16 гифок? С 4 разных доменов грузить? А если 32? А 64?
2. Там вообще для разных браузеров по-разному, для некоторых (хром) вроде как 6, для некоторых 2. Для всех не угадаешь.

Короче, мороки много, профит (лично мне) немного сомнительный, потому что общая пропускная способность-то у соединения все равно ограниченая, и, как мне кажется, если все разом качать, то просто упадет скорость загрузки (возможно, это не так).