Задать вопрос
StaDi
@StaDi
Курьер в it отделе

Как оптимизировать дальше? Использовать ли base 64 для изображений?

Всем привет! Встал вопрос как оптимизировать дальше?
Есть 5-7 спрайтов на сайте, наверное 4 точно загружаются на 1 странице.

Начал пробивать тему с base64, но что-то не совсем однозначно. Файлы изображений вырастают на 30%. Но мы начинаем экономить на подключениях, которые возможно критичны если ты с мобильного.

Расскажите по подробнее, очень интересно в каком случае нужно точно кодировать, в каком не очень. И как сейчас обстоят дела с очередью подключений в браузерах? Знаю что раньше было в районе 5-7 за раз в зависимости от браузера.
  • Вопрос задан
  • 607 просмотров
Подписаться 2 Оценить Комментировать
Решения вопроса 4
Taraflex
@Taraflex
Ищу работу. Контакты в профиле.
Файлы изображений вырастают на 30%.

gzip должен компенсировать.
Ответ написан
nazarpc
@nazarpc
Open Source enthusiast
1) gzip
2) Не паковать в base64 большие изображения и делать их по возможности как прогрессивный jpeg (не всегда возможно, иногда есть вариант использовать SVG)
Ответ написан
baskerville42
@baskerville42
Учусь работать (Junior)
Когда-то на работе эксперимента ради делали лендинг на котором всё было встроено в страницу: JS-код, стили, картинки в base64. Да, трафик мы немного економили как и нагрузку на сервер, но "на глаз" увидеть разницу между таким способом подключения всего и обычным через link&src не увидели. Это так, на поразмыслить =)
Ответ написан
msulim
@msulim
Front-end / UI Designer
Обычные спрайти так и использовать, если есть возможность по тех требованиям и потребность в х2 х3 для hdpi девайсов, то советую SVG но не спрайтом если есть анимация запчастей от иконки.
Также существуют компрессоры для изображений:
https://compressor.io/
https://tinypng.com/
Для картинок постов, тамбнейлов юзера обязательно использовать.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы