Вставка больших svg файлов в html
Проблема в следующем имеется карта map.svg(1,5Мб). При Ховере на отдельные регионы они подсвечиваются или при других действиях.Сделал так: минимизировал файл, вставил svg код прямо в страницу, дал классы нужным мне и все работает так как мне нужно, но конечный .html размером 650Кб, что как мне кажется много. Как можно это исправить?
Ответы (1 шт):
Вы не с того начали. Изначально занимаются уменьшением объемов SVG например с использованием SVGO, удалением лишних контрольных точек в файле, сокращения размеров PATH, инструментами оптимизации векторных редакторов, удаления лишних слоев, сокращения цветовой палитры, а уже потом добавлением всего остального.
Теперь можно только делать отложенную погрузку данного тега <svg> скажет по доскроллу к области его отображения. Ну и минимизации и кешировании html... но то припарки.