Про столы и картинки

На днях нужно было поискать столик компьютерный для знакомых. И тут очень кстати пришелся сайт, сделанный студией Лебедева. Не то чтобы купить там стол, конечно, а для формирования общей, картины. Но речь не о столах.

В тормозилле, с соответствующим плагином, можно очень удобно выделить все нужные ссылки и открыть их в новых закладках. Что я и сделал, выделил все столы и нажал открыть. Дело было дома, столов много, канал не очень, плюс в фоне что-то качалось. Короче странички очень бодро открылись, а фоток столов (собственно для чего ссылки и открывались) нету! Странички загрузились полностью. Подивившись немного сайт закрыл как бесполезный. Только потом я въехал в ацкий план надмозгов!

Каждая большая картинка стола размещена в качестве фоновой! До сих пор не могу понять зачем!? В результате картинка и грузится в фоне, и в тормозилле это вообще никак не отображается (ну правильно, это же фоновая картинка — суть фоновый, необязательный элемент сайта). Кроме того, картинки ещё оформлены стилями, т.е. без применения стиля страницы картинок не увидишь (хотя это не так важно конечно)!

К слову об оптимизации. Прежде чем извращаться с оптимизацией HTML, CSS, использовать жабоскрипт и DHTML, неплохо бы оптимизировать сами картинки. Например размер пиктограмы стола (90×90) на сайте где-то 15 KB. Размер полновесного варианта (500×385) — 100 KB. У меня получилось 6,5 KB и 27 KB. Т.е. выйгрыш в 4 раза, результат ниже. Вот что неплохо бы оптимизировать в первую очередь.

Пиктограммы:

Полновесный вариант: