В последнее время мне довольно часто приходится делать сайты, на которых используются иконки флагов. Сами иконки не проблема, но вот если загружать их каждую по отдельности, время загрузки страницы становится просто неприличным:

Конечно, для каждой иконки нужно сделать отдельный запрос и даже на локальном сервере это занимает существенное время. Хотя обычно ситуация не столь плоха — весь набор из 242 флагов мало где нужен - повод для оптимизации есть.

Методика CSS-спрайтов известна и используется уже давно, даже есть уже готовые спрайты с флагами. Однако зачем тащить за собой кучу редко используемого мусора? Значит добавим выбор нужных флагов и автоматическую генерацию спрайта и таблицы стилей. Получится простой и удобный сервис — Flag Sprites:

Скорость загрузки полного набора флагов радует несказанно:

Выигрыш будет и на более коротких наборах. Не такой замечательный, конечно, но будет.

Флаги одним спрайтом
Метки: