Как оптимизировать загрузку видео autoplay?

link preload?
Ну и если важно чтобы видео загрузилось целиком и только потом воспроизвелось, так как анимация, то только лоадер вешать и снимать его после загрузки видео.

Как залить видео-фон на сайт в Safari?

autoplay playisinline атрибуты?
И кодек которым видео закодировано поддерживается на сафари?

Как создать группу маршрутов в vue-router?

Ну тут зависит от того, какую именно метаинформацию Вы хотите вынести.
Можно пойти по принципу layout компонентов и общую мету вынести на уровень layout.
Или вынести как миксин\внешний файл

Ну а так, если это meta description например, то логично что у разных маршрутов будет разная метаинформация, но зависит конечно от конкретной задач.

В контексте чего вызывается функция?

А ещё функции forEach, map и тд могут принимать дополнительный аргумент, указывающий что использовать в качестве this.

Как сделать кастомную ссылку?

Что?
В чём похожую?
Опишите ожидаемый результат подробнее.
Что значит "кастомную ссылку" ?
У Вас либо ссылка, которая куда-то ведёт в текстовом виде, либо не в текстовом.
Ну или ссылки которые открывают почту\телефон.

AddEventlistener и oninput, как выкрутиться, если надо удалить и проверить на наличие одновременно?

aspirantes, Не обязательно глобальным. Можно спрятать в замыкании.

Как переключать классы между элементами?

Иван Медведев, Продублируйте в ответы и отметьте решением или удалите вопрос чтобы одни не тратили время на вопрос, а другие, со схожей проблемой, смогли найти ответ не задавая новый вопрос.
Спасибо.

Как реализовать мобильное меню?

Посоветуйте какую тему по js

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

По js:
Поиск элементов в DOM, переключение атрибутов(в данном случае классов), обработчик событий(кликов).

может быть есть примеры реализации

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

Можно ли через id и :target управлять стилизацией ссылки? Чтобы после срабатывания того или иного id ссылка стилизовалась?

Если Вы имеете в виду чтобы последняя нажатая ссылка менялась(То есть текущая активная) - то нет. target для стилизации целевого блока, а не ссылки, которая на этот блок ведёт.

Как называется этот паттерн?

Подписчик-наблюдатель?

Как сделать сортировку строк?

Serghei QED, с ним пока вроде всё ок

Как запустить действуюште CSS стили по нажатию на ссылку в навигации?

bgood, #about_me:target.vero_photo и где у Вас такой элемент в разметке?
#about_me:target.vero_photo - такого нет.
#about_me:target .vero_photo - такой есть.

Как запустить действуюште CSS стили по нажатию на ссылку в навигации?

Напишите нужный селектор и через запятую с ховером.
Например:

// Было .about_me_text:hover {}, стало:

#about_me:target .about_me_text, .about_me_text:hover {
    transform: translateX(0);
    opacity: 1;
}

Как запустить действуюште CSS стили по нажатию на ссылку в навигации?

bgood, Хорошо, вопрос в чём? Вы не знаете как комбинировать селекторы? Вы не знаете как написать ещё один селектор?

Как запустить действуюште CSS стили по нажатию на ссылку в навигации?

bgood, Так, и что Вам тогда не понятно\в чём вопрос? Вы открыли ссылку, прочитали? Посмотрели примеры в середине и в конце статьи?

Как плавно убрать блок со страницы?

https://qna.habr.com/search?q=%D0%BA%D0%B0%D0%BA+%...

Тут ответов, конечно же, не нашлось?

Как измерить сколько памяти занимает html элемент и объект созданный через new?

Stepan1998,

Это что

https://habr.com/ru/post/224187/

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

В вашем сценарии если изначально при скролле не лагает а начинает лагать потом, при длительном скроле, то это скорее всего происходит из-за большого количества HTML элементов, ну и да, из-за памяти может в том числе.
Например, лет 5-7 назад у меня даже десктоп хром начинал лагать если очень долго ленту какую-нибудь скролил, например в ВК.

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

Как измерить сколько памяти занимает html элемент и объект созданный через new?

Stepan1998, как правило, устройства с малой памятью, особенно мобильные, имеют не самый мощные CPU и GPU. Вот эти ребята более вероятно что не справляются, нежели память. Особенно когда речь идёт про "при скроле".

Как измерить сколько памяти занимает html элемент и объект созданный через new?

Stepan1998,

при скролле создаются новые экземпляры класса

А обработчик сролла с дебаунсом\тротлингом? Почему бы не создать элементы заранее а потом только отображать? Происходит ли рефлоу при скроле?

Я это к тому, что, память, скорее всего, последнее в чью сторону Вам стоит копать.

Как измерить сколько памяти занимает html элемент и объект созданный через new?

с учётом старых устройств на 512 мб оперативки

А если не секрет, что это за устройства такие и какая на них OC? Linux? Мне кажется, минимум треть от этого объёма сожрёт ОС и браузер с одной вкладкой.
А ещё, если они всё таки "старые" а не маломощные, то о какой версии браузера речь, о каком браузере?

Просто это всё звучит так, будто Вы каким-то общим вопросом хотите решить какую-то частную проблему и часто так бывает, что на самом деле вопрошающему нужно совсем не то, о чём он спрашивает.