Компьютеры, периферия, программы.
Ремонт и обслуживание компьютеров.

 
СSS, картинки-спрайты, фоновые изображения и оптимизация сайта



Идея размещения множественной структуры кнопок и других элементов, использующихся в фоновом изображении имеет свои источники. И я думаю люди, которые работают с сайтами уже убедились, что метод «страйпов» применим к любому элементу html кода, и то что это выгодно — факт.

Перейти на сайт: it-catalogue.net

Плюсы использования метода «спрайтов» Какие же нам известны возможные плюсы использования этого метода? Во-первых при использовании этого метода сайт загружается быстрее. Известно, что этот метод преобразовывает http:// запросы и эффективно использует  пакеты данных чтобы загрузить файлы в компьютер пользователя, что само собой хорошо.

Размер пакета данных и  http запросы. Основным принципом работы является уменьшение длительности запросов, а следовательно передача    меньших пакетов данных. Согласно этому принципу мы можем выделить 2 основных правила дизайна для хорошо загружаемых интернет страниц. Во первых, уменьшить полный размер страницы,  при помощи уменьшения количества байтов (пакетов) данных которые нужно загрузить по интернету. Во вторых, уменьшить до предела количество объектов на странице, таких как картинки, так как на каждую из них поступает запрос и они по отдельности загружаются с сервера.

Выгода

Выгодность использования метода в отличие от загрузки отдельных картинок состоит в том что время загрузки уменьшается количеством пакетов и уменьшением  http запросов.

Уменьшить количество  http запросов очень просто. Сделать один файл вместо трех, четырех и т.д. Но как уменьшить количество запросов пакетов? Это зависит от...

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

Заключение:

Выгодно составлять основное изображение из небольших элементов, для того чтобы  вмещать все в один пакет.

После небольших исследований можно прийти к выводу что размер пакета варьируется в зависимости от скорости соединения.

Из этого следует:

- стройте основные картинки меньше, чем размер суммы элементов их составляющих (комбинируя картинки схожие по цвету и т. д.) или - используйте другую картинку для выбранного элемента или используйте ту которая у выбрана вами для других целей.

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

Статья предоставлена каталогом IT компаний Украины it-catalogue.net






Навигация
Поиск
Главная страница :: Добавить статью :: Разместить сайт
© DelBugs 2008 - 2011 | Все авторские права защищены. Копирование информации с ресурса, только с обязательной прямой гиперссылкой на источник. Вопросы, предложения, комментарии на .