profesor08

Если цель получить размер, то в чем проблема получить его вот так window.innerWidth, в любом месте программы?

Если надо реагировать на изменение размера, то напиши соответствующий хук и используй где надо. Или скопипасти с интернета.

Много заготовленных картинок, которые состыкованы и меняются.

Открой dev-tools и потыкай свой пример. Конкретно в нем, блоки дома реализованы в виде svg, которая потом красится с помощью css fill.

Смотри что у тебя перебивает стили.

Пока что не до конца понимаю как использовать цикл в pug.

Дело не в pug, а в непонимании javascript объектов и массивов.

-
  const data = {
    "nav": [
      {
        "link": {
          "title": "banana",
          "href": "/banana"
        }
      },
      {
        "link": {
          "title": "tomato",
          "href": "/tomato"
        }
      },
      {
        "link": {
          "title": "mango",
          "href": "/mango"
        }
      }
    ]
  };

each item in data.nav
  li: a(href=item.link.href) !{item.link.title}

Раньше, давным-давно, открывали .jar файл, и копировали туда классы.

По сути, все эти .jar файлы, это уже готовый к употреблению байт код для java машины. При загрузке всего это зоопарка происходит сущий ад из выделения и перевыделения памяти. И каждый мод, при загрузке добавляет в цепочку кучу своего.

Напиши адекватно в тех поддержку и тебе помогут. Объясни что адреса связаны, но пароль от одного не помнишь.

Используй любой понравившийся редактор. Абсолютно любой. Пусть делает все что надо, и так как ему надо. Это не имеет значения. В результате ты должен получить у себя на сервере готовый HTML код. Как ты его будешь получать - не имеет значения, хоть тебе с фронта он прилетит, хоть ты его сгенерируешь из markdown, который с фронта прилетит, хоть прочтешь из файла, но работать придется именно с этим HTML кодом. Тебе надо будет его обезопасить, а для этого существуют готовые инструменты.

Вот для для ознакомления:
php - https://packagist.org/packages/tgalopin/html-sanitizer
javascript - https://github.com/cure53/DOMPurify

По ключевым словам найдешь тонну аналогов.

nuxt start

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

У тебя не скорость падает, а пинг начинает дико скакать. Смени канал роутера например на 13, или если не пойдет то, на 1. Главное чтоб частоты не пересекались.

Если же с пингом все норм, а падает именно скорость, то ищи что же там у тебя забивает канал загрузкой. Может 100500 торрентов на загрузке/раздаче.

Ты не очищаешь сцену перед следующим рендером. Отсюда у тебя остаются остатки, в виде такого недоразумения.

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

Бери самый мощный, какой найдешь, за эти деньги. Ось значения не имеет. Память от 16, процессор от 8 ядер, край 4, но с гипертредингом.

masonry - хрень.

Может посоветуете решение?

Забей и сделай обычной плиткой одинаковой высоты.

или может какое есть хорошее решение без плагина просто на js?

Нету нормальных, потому что это хрень.

Будет сильнее греться при зарядке.

Как можно максимально увеличить шанс того, что поисковик станет выводить навигацию в результатах?

Сделать сайт интересным для пользователей. Тогда они начнут на него ходить. Гугл это просечет и выведет самые ходовые ссылки.

Есть ли что-то из microdata, что "поможет" поисковику подхватить меню?

Нет

Нужна ли микроразметка хлебных крошек, если их нет?

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

Можно ли оборачивать списки ссылок в блоками и соответствует ли семантике такой код?

Поисковику пофиг. Если юзеры ходят по ссылкам, то сайт поднимается в выдаче, если хорошо ходят по ссылкам, то гугл выводит в выдаче самые ходовые ссылки.

Важно понимать, что к сайту должны быть подключены метрики, чтоб поисковики могли отслеживать переходы.

Он не сможет ничего сделать, пока не вольет в свою ветку все изменения. Git ему об этом напишет.