/ /
Переизбыток маленьких картинок

Уроки

Переизбыток маленьких картинок

Чтобы загрузить файл браузер тратит время на служебные операции. Оно постоянно и не зависит от скорости интернет соединения. То есть на загрузку файла может уйти 1 миллисекунда, а на служебные операции до 100.

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

Некоторые SVG картинки лучше перенести в CSS файл. Например логотип сайта из шапки разумней разместить в CSS файле. Так вы сократите количество запросов и уменьшите общий размер передаваемых данных за счёт лучшей компрессии. Так если CSS файл весит в сжатом виде 100КБ, а логотип в SVG 20КБ, то при соединении их размер будет менее 120КБ. Это связано с особенностями алгоритми сжатия GZip.

Урок по использованию спрайтов. Сервис для генерации SVG спрайтов.

◀  Подходящий битрейт видео Группировка CSS файлов  ▶
Проверьте ваш сайт

Это бесплатно и займёт от 11 до 70 секунд

x

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