Уроки

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

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

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

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

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

Проверьте ваш сайт
Это бесплатно и займёт от 7 до 45 секунд

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