Производство фотообоев в Новосибирске. Интернет магазин фотообоев. Изготовление - один день! Каталог 10 000 изображений!
14 Декабрь 2012

Тонкости вёрстки — картинки интерфейса в одном файле

Коллега, просматривая сайт www.kupikupon.ru заметил особенность вёрстки — абсолютно все элементы шаблона были расположены в одном файле и стилями уже отображали участок, соответствующий нужному элементу (они ещё статику всю на CDN утащили — но это уже другая тема для разговора).
Посчитайте сколько управляющих элементов в файлике — на вскидку более 50ти!
Получается каждый файл — это не только файл сам по себе, а лишний GET запрос создающий нагрузку на сервер выделением сокета, процесса, памяти, передаваемый по сети своими маршрутами и т.д.
Короче один — быстрее, чем 50 🙂 Прогрузился — и вуаля, все элементы управления на местах.
Но, думается в плане удобства тоже мало приятного — ведь для каждой картинки нужно знать её абсолютную позицию и габариты, что значительно усложняет процесс вёрстки.

А не автоматически ли создаётся этот файл и стили по уже созданному рабочему сайту с множеством мелких картинок?
Был бы логичен именно такой подход!

Коллеги, кто в курсе — не стесняйтесь комментировать 😉

рубрики: Вёрстка, Полезности, Программирование | 5 комментариев