Интернет, который мы заслужили

Сижу давеча, листаю новостную ленту Яндекса. Взгляд привлекла одна интересная статья. Перехожу на сайт статьи и.. словно попадаю в начало 2000-х, когда "сёрфил" интернет на своем 56 Кбитном ZyXel'е.. иконка загрузки крутилась, пожалуй, с полминуты, а баннер рекламы в правой колонке плавно заполнял пустое пространство.

– Интернет так тупит? – подумал я. Но вроде все ок, другие сайты грузятся адекватно.

Проблема быстро была найдена, когда я зашел по f12 в логи загрузки ресурсов.

– circus.jpg  14308 Кб – пожаловался мне браузер.

Интернет, который мы заслужили Web, Сайт, Web-программирование, HTML, И так сойдет, Рукожоп, Интернет

14 метров (Карл!) на баннер сбоку, чьи размеры составляют 278 x 417 пикселей. Если пережать баннер с конечными размерами в 90% JPEG, то выйдет всего 151 Кб – без малого в 95 раз меньше!

Десяток лет назад, когда мы занимались разработкой сайтов, во времена, когда  у подавляющего числа пользователей не было скоростного интернета, мы бились за каждый килобайт. Олдскул разработчики не дадут соврать. И тогда имело значение, чем быстрее загрузится сайт, тем больше вероятность, что пользователь останется на нем, а не закроет вкладку.. а больше траффик пользователей – больше потенциальная прибыль при той же конверсии.

Думаю подобные принципы остались и сейчас, но все чаще разработчики кладут на это болт:

– Зачем делать превьюшку? И так сойдет, вставим 14 метровый оригинал!


У сайта кстати есть мобильная версия. И знаете чем она отличается от обычной десктопной?

А ничем она не отличается от слова совсем, просто появляется бесконечный скролл с автоматической подгрузкой статей. Лол.

3
Автор поста оценил этот комментарий

Кто не знает, спрайты - это не напиток, это набор иконок в одной картинке и загружается она один раз, далее по координатам выбирается нужная картинка. Цель такая - есть 20 иконок, загрузить их это 20 запросов, а так выходит один запрос. Я верно говорю?

раскрыть ветку (1)
Автор поста оценил этот комментарий

верно, еще в последнее время с распространением material design популярно стало создавать шрифты из иконок (типа такого, https://material.io/tools/icons/?style=baseline)

показать ответы