1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Lazy Иконки или спрайт

Главные вкладки

Аватар пользователя pavell_lozin pavell_lozin 19 марта 2018 в 23:21

Здравствуйте. Будет вьювсом выводиться большая таблица на 100+ значений. (может и 500) У каждой строки таблицы будет небольшая иконка 20x20.
Как лучше иконки выводить: lazy load img src или одним спрайтом?

Изза спрайта видимо разбухнут styles.css, только если не подключать отдельный стиль к странице с таблицей.
А img нагрузит и без того нагруженную БД сайта.

Как бы Вы сделали?
Спасибо.

Комментарии

Аватар пользователя bumble bumble 20 марта 2018 в 5:47

Иконки у всех значений индивидуальные?

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

Если это что-то вроде аватарок - то это к стилям не отнести - грузить картинки. (С БД ничего страшного не произойдет)

Ленивая загрузка - это к оптимизации загрузки страницы, а не к оптимизации кодовой базы или сайта в целом. Если есть возможность и способности реализовать подгрузку по мере прокрутки - делайте, это положительно скажется на юзабилити такой длинной таблицы.

Еще, есть варианты использования всякого рода "универсальных иконок", в виде шрифтов. Это работает, относительно, безболезненно.

Ну, и про SVG/Canvas не забывайте - это переложит нагрузку с вашего сайта на клиент.

Как сделал бы кто-либо другой, спрашивать не совсем уместно. Вам лучше видно что в итоге должно получится, какие есть ресурсы и возможности реализации.

Аватар пользователя gun_dose gun_dose 20 марта 2018 в 7:00

Если писать цсс для спрайта на 500 иконок, то разбухнет не цсс, а голова. Вставляйте просто картинками, плюс lazy load, после первого просмотра этой страницы базе будет уже плевать, сколько там у вас картинок, т.к. они будут отдаваться как статика.