Как выдавать людям с тормозным инетом более легкий сайт?

Question

[Lici]

Вот есть страница. Там уместна фотгалерея, но можно и без нее.

Как проверить - если у человека нормально все - отдать ему фотогалерею. Если интернет у него не ахти - убрать эту фотогалерею, видео и прочее и отдать минималистичный и шустрый сайт.

Есть решения для этого?

Answer 1

[Сергей Протько]

С сервера - никак, с клиента (javascript), есть черновик стандарта для window.navigator.connection, с помощью которого можно что-то узнать, но поддерживается только фаерфоксом.

Лучше займитесь оптимизацией всего этого. Галерейка и видио не должны создавать проблем.

Answer 2

[Алексей Кулешов]

Все "крупные" объекты (изображения, анимацию, CSS3-эффекты) подгружать ajax`ом после загрузки основного контента.

Answer 3

[Александр Таратин]

Перевести галерейку на ajax и при превышении времени запроса, останавливать загрузку.

Comments

[Сергей Протько]

Превышение времени запроса не показатель. У вас запрос будет приблизительно одинаково завершаться и на скорости в 128кбит и на гигабите.

[Александр Таратин]

Я имел в виду, например, запаковать все картинки в архив и грузить их бандлом через ajax.

[Сергей Протько]

@Taraflex, и потом распаковывать на клиенте, делать перевод из бинарных данных в base64 и расставлять по местам? Мне кажется это будет еще более тормозным способом, чем просто позволить браузеру в несколько потоков загружать по одной картинки.

Больший эффект даст создание миниатюр.

[Александр Таратин]

Я тут решил проверить скорость декодирования картинки. Вышло так musjice.bl.ee/imagedecodetest/index.html (трафик 30mb) картинки декодируются молниеносно. А вот паковать в архивы смысла нет. Как то я подзабыл насколько растр плохо жмется. Код https://gist.github.com/QW0101/85fbd8c9f7adb7f23593

[Сергей Протько]

@Taraflex, растр хорошо жмется, а вот уже сжатый раст - да...

Answer 4

[Максим Тимофеев]

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

Answer 5

[Piranis]

на сервере иметь несколько изображений (например - 3) отдавать по размерам девайса изображение. разные версии картинок генерировать при сохранении. Сжать css и js в отдельные инифицированные файлы. перенсти загрузку js в конце проверить нет ли зарузки лишних ненужных или дублированный js библиотек. по возможности использовать кроссплатформенные шрифтовые наборы.
Все это умеет делать rails + paperclip если проект не большой переехать на него