Влияет ли размер пустых стилизированных блоков на производительность страницы?

Андрей Кварцов, В общем случае пустые блоки это лишние DOM узлы.
Думаю, что выбор зависит от конкретной ситуации (что и как рисуем, анимируем или нет, хотим получить доступ из JS или нет, в верхней части страницы находятся блоки или нет, css внешним файлом или инлайн, рассматриваем первичную загрузку сайта или повторные и т.д.) и параметра оптимизации.

Из-за шрифта как будто прыгает картинка в меню, как исправить?

olya_097, Используйте предзагрузку для нестандартных шрифтов
<link rel="preload" href=".." as="font">
https://habr.com/company/paysto/blog/266495/

Влияет ли размер пустых стилизированных блоков на производительность страницы?

Чаще всего пустые декоративные блоки можно заменить на псевдооэлементы для смысловых блоков.
Если покажете макет, то будет понятно так ли это в вашем случае.

Из-за шрифта как будто прыгает картинка в меню, как исправить?

olya_097,

при обновлении страницы прыгает

Я увидела. Arial это веб безопасный шрифт, зачем вы грузите его внешним файлом, да еще в ttf?
Нестандартные шрифты сейчас достаточно загружать в woff2 и woff.
При этом делают предзагрузку и свойство font-display.

делать логотипом списком меню это ошибка? или просто не рекомендуется ?

Логотип основная часть фирменного стиля. Это самостоятельный элемент. То, что принято делать его ссылкой на главную страницу не делает его элементом меню.
Он может входить в блок nav, но не в основной список.

так лого ж вроде как искажается при масштабировании
разве оно подходит для свг?

Я не знаю в каком виде у вас макет. В оригинале это 3 svg, самый простой вид для мобильных и постепенное усложнение на планшетах и десктопах.

Так по бэму сверстано или нет?

olya_097, Фраза была Сергею. Вообще о том, что во-первых сама ставлю свою верстку на CMS, во-вторых, о том, что при постоянной работе с одними и теми же командами, знаешь что им нужно. А когда делается только верстка, которая попадет неизвестно к кому, тогда, конечно, хорошим тоном будет комментировать код.

Из-за шрифта как будто прыгает картинка в меню, как исправить?

olya_097, не вижу куда прыгает. Вижу только, что на десктопе нет логотипа. Опишите, пожалуйста, как воспроизвести прыжки?
Общие комментарии:
Логотип не является элементом списка меню, он самостоятелен и позиционируется абсолютом.
Про picture: в данном случае все три варианта логотипа векторные, там не нужны png.

Так по бэму сверстано или нет?

Сергей delphinpro, ага, поддерживаю, такие комментарии имеют смысл. Давно не было новых программистов в моей жизни, забыла о них))

Так по бэму сверстано или нет?

Еще перебор с section'ами. Но это уже не к БЭМ.

При правильном именовании классов комментариев в коде, как у вас, быть не должно. Потому что всё понятно по названиям классов.

Так по бэму сверстано или нет?

olya_097, я предложила 2 варианта на выбор, можете воспользоваться любым из них ;)

Почему строчным элементам нельзя задать высоту и ширину?

Я могу придумать вот такой вариант, когда слово длиннее ширины блока.
Для решения есть свойства переноса, мягкие переносы ­ или overflow для родителя.
https://codepen.io/anon/pen/XyaxvJ

Так по бэму сверстано или нет?

О, Оля перешла на новый шаблон академии.

Это не противоречит БЭМ.
Но кнопка это блок.

Картинке не нужна обертка (разве что picture).

А promo__bg вообще не html тег, это либо псевдоэлемент либо просто фон.

Из-за шрифта как будто прыгает картинка в меню, как исправить?

Что значит из-за шрифта? При каких обстоятельствах прыгает?
Выложите код в песочницу.

Как сделать так много разных иконок?

Роман, наверное, где-то есть тостер по психологии.
Но ваш комментарий неверный :)

Как сделать так много разных иконок?

Роман,

Если говорить о "веб безопасных" цветах, то имеется ввиду нечто иное, нежели безопасность их перепутать.

Да вы шутите

Смысл моего высказывания был в другом.

Iframe не работает в Safari, что можно сделать?

Alex_vs_Predator, можете ее смело сносить.
Пользуйтесь browserstack (платный) или ходите в гости к друзьям.

Iframe не работает в Safari, что можно сделать?

Alex_vs_Predator, вот-вот, я это и подозревала.
А теперь узнайте какая версия сафари актуальная и в каком году умерла эта ваша "Пятая или пять и один"

Iframe не работает в Safari, что можно сделать?

Можно узнать версию сафари?

Как вставить с javascript на сайт?

innerText
innerHTML
https://learn.javascript.ru/basic-dom-node-propert...
и т.д.

Как сделать так много разных иконок?

Даже "веб безопасных" цветов 216 штук https://colorscheme.ru/web-safe-colors.html
Причем тут радуга?

Как сделать чтобы меню на мобильных подстраивалось по ширине?

Считайте и указывайте размер текста в vw, только аккуратно, чтобы он не стал микроскопическим. Можно заменить на иконки.
И флексы для кнопок.