.
Место для Вашей рекламы
14 Декабрь 2012

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

posted in Вёрстка, Полезности, Программирование |

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

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

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

У нас 5 комментариев на запись “Тонкости вёрстки — картинки интерфейса в одном файле”

Почему бы Вам не высказать своем мнение! Позвольте нам узнать, что Вы думаете...

  1. 1 On 29.01.2013, Dima said:

    мировые топ рейтинги http://top1x.ru/category/kinoshoubiz/

  2. 2 On 07.03.2013, Иван said:

    Согласен, за границей давно используют эту технику. По моему спрайты называется.

  3. 3 On 21.03.2013, костя said:

    Я а процессе работы разработал несколько шаблонов — принципов. по которым легче управлять сайтом, и они лучше индексируются. и то, каждый случай требует индивидуального рассмотрения!

  4. 4 On 07.04.2013, tmexpress said:

    Как они автоматически то создаватся будут? По моему только вручную, иначе качество качество картинок пострадает

  5. 5 On 29.08.2015, ilya said:

    сколько по времени индексируется сайт?
    прошло уже больше месяца, он так и не проиндексирован в яндексе

Оставить комментарий

Яндекс.Метрика