На днях нужно было поискать столик компьютерный для знакомых. И тут очень кстати пришелся сайт, сделанный студией Лебедева. Не то чтобы купить там стол, конечно, а для формирования общей,
картины. Но речь не о столах.
В тормозилле, с соответствующим плагином, можно очень
удобно выделить все нужные ссылки и открыть их в новых закладках. Что я и сделал, выделил все столы и нажал открыть. Дело было дома, столов
много, канал не очень, плюс в фоне что-то качалось. Короче странички очень бодро открылись, а фоток столов (собственно для чего ссылки и открывались) нету!
Странички загрузились полностью. Подивившись немного сайт закрыл как бесполезный. Только потом я въехал в ацкий план надмозгов!
Каждая большая картинка стола размещена в качестве фоновой! До сих пор не могу понять зачем!? В результате картинка и грузится в фоне, и в тормозилле это вообще
никак не отображается (ну правильно, это же фоновая картинка суть фоновый, необязательный элемент сайта). Кроме того, картинки ещё оформлены стилями, т.е. без
применения стиля страницы картинок не увидишь (хотя это не так важно конечно)!
К слову об оптимизации. Прежде чем извращаться с оптимизацией HTML, CSS, использовать жабоскрипт и DHTML, неплохо бы оптимизировать сами картинки. Например размер пиктограмы
стола (90×90) на сайте где-то 15 KB. Размер полновесного варианта (500×385) 100 KB. У меня получилось 6,5 KB и 27 KB. Т.е. выйгрыш в 4 раза, результат ниже. Вот что неплохо бы оптимизировать в первую очередь.
Пиктограммы:
- Оригинальная иконка
- Оптимизированный вариант
Полновесный вариант: