Виталий, явно не любой хостер предоставляет поддержку http 2 на своих серверах.
В макете из вопроса ТС около 50 этих свг фигур разных. Без необходимости параллаксов и анимаций в ТЗ использовать multiple background это приключение минимум на пару часов. Сами то решились бы на это без явной необходимости?
Да там пара десятков свг файлов получится. Ради фона 20 файлов придётся браузеру грузить? Ну я понимаю, если с ними нужно параллакс или анимации делать, да и то тогда лучше заинлайнить. Для адаптации проще 3 разных свг сохранить для разных экранов и медиа запросами менять фон. Но в каждом свг будут все фигуры и файл будет 1 грузиться.
Barring, Банально, если у них собственных стилей со всеми состояниями и модификаторами становится очень много. Можно выносить в отдельный блок. К примеру инпут текстовый у формы или чекбокс, или группа радиокнопок. Хотя я допускаю, что и пункт меню в некоторых случаях станет блоком, ну либо сабменю.
Для начала проверьте разметку на валидаторе https://validator.w3.org/ и устраните все Error. Вы почему то решили, что div и img можно размещать в head и лишний закрывающий div перед подключением скриптов.
В макете из вопроса ТС около 50 этих свг фигур разных. Без необходимости параллаксов и анимаций в ТЗ использовать multiple background это приключение минимум на пару часов. Сами то решились бы на это без явной необходимости?