Кирилл

Я рекомендую Gitlab
- Можно хостить весь Gitlab у себя. Вначале это может показаться лишним, но многие работодатели так делают, поэтому навыки по работе с Gitlab пригодятся.
- Отличный CI. Как по мне, гораздо лучше чем Github actions
- Проекты в Gitlab можно спокойно и очень просто синхронизировать с тем же самым Github прямо из интерфейса Gitlab, таким образом мы получаем преимущества обеих систем.

bitbucket всё, забудьте о нём.

У тебя очевидно не хватает производительности железа - либо сетевой канал перегружен (т.е. буквально больше 9 видео с выбранным битрейтом забивают весь канал), либо процессор и видеоускоритель, через который браузер декодирует видео.

Т.е. прежде чем что то решать, нужно четко понять, что именно является узким местом. Убедись что у тебя процессор не на 100% нагружен. Оцени нагрузку на сеть.

Варианты решения:
* уменьшить битрейт, уменьшить разрешение видео, уменьшить fps видео - это поможет как с сетью так и нагрузкой на процессор
* проверить наличие драйверов на видеокарту, бывает что идущие с операционной системой поддерживают ускорение на базовом уровне и его не хватает для декодирования 16 видео (это очень высокая нагрузка даже с низким разрешением видео)
* установить более мощную видеокарту (кстати этот вриант потребует исследований)
* поставить промежуточный сервер декодер (на базе того же ffmpeg, у него есть ограниченная поддержка gpu) который будет собирать твои видео в матрицу и выдавать единое видео, как частный случай не все 16 а по 4 видео. Дело в том что одно видео с высоким битрейтом и разрешением потребует меньше ресурсов чем несколько видео с суммарно таким же битрейтом и разрешением (если считать по количеству пикселов)... там зависимость нагрузки не линейная.
Как частный случай, просто перекодируя поток из тяжелого высокоэффективного кодека в какой-нибудь mjpeg можно неплохо снять нагрузку с итоговой машины (советую поперебирать кодеки), но высоких fps такой подход не даст.

Ограничения бывают в софте но только искусственные, созданные к примеру компанией intel для монополизации рынка, отличным примером был sdk (набор инструментов и библиотеки) по работе с камерами-сканерами (3d intel realsense), на старте у них уже в железе были заложены ограничения на usb контроллер через который нужно было подключать камеру плюс проверки в софте (их потом убрали, но как я понял не все)

Повторяю, ограничения искусственные.

На практике софт, собранный с поддержкой только определенного процессора (различные фичи) мог бы не заработать на другом, но это будет верно даже в предела одного вендора но с разными моделями. Обычно чтобы этого не происходило, либо собирают софт с поддержкой сразу нескольких процессоров (как amd так и intel) либо не используют ничего, что могло бы нарушить эту совместимость

Требования для высоконагруженного проекта Яндекса и для поддержки одного сайта мебельной фабрики - совершенно разные, хотя для обоих проектов нужны junior developer.

Alexander-K

• Проведите аудит сайта на предмет косяков (инструменты вебмастеров Вам в этом помогут)
  
• Если сайт еще не добавлен в гугл и яндекс вебмастер, то добавьте.
  
• Исправьте косяки, sitemap, robots.txt, meta-теги, описания страниц, заголовки, оптимизация содержимого страниц, перелинковка и т.д.
  
• Скормите карту сайта поисковикам

  http://google.com/webmasters/sitemaps/ping?sitemap=ссылка на Ваш sitemap
  http://www.bing.com/webmaster/ping.aspx?siteMap=ссылка на Ваш sitemap

  
  Для того чтобы яндексу карту отправить, придется зайти на страницу вебмастера. И до кучи можете воспользоваться сервисом пинга в 40 поисковиков.
  
• Если сайт региональный, то задайте регион.
  В яндекс вебмастере задается в настройках сайта, География сайта → Регион сайта
  В гугловских инструментах вебмастера, Поисковый трафик → Таргетинг по странам и языкам → Страна
  
• Составьте семантическое ядро
  
• Напишите SEO тексты заточив под ключи по которым будете двигаться
  
• Если сайт не статичный, зарегайте его в соц сетях и постите туда новости со ссылками на свой сайт
  
• Регайтесь на крупных форумах, с ссылками не закрытыми от индексации и напишите там про Ваш сайт
  
• Оставляйте комменты в dofollow-блогах
  

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

jsPDF

Я думаю проще от сервера рут дать, пусть юзеры делают любые запросы

Если реально хотите знаний и готовы вкалывать, то у javascript.ru есть свои дистанционные курсы. Там все по серьезному.
Был у меня опыт и специалиста, инфу там начитывают, как по мне так ну очень быстро, ни черта не успеваешь закрепить. Если с нуля обзорно, тут наверно даже видео поможет (тот же специалист есть курсы на ютьюбе), если серьезно, порекомендовал выше.

Использовать бутстрап для рядовых проектов (даже интернет-магазинов), всё равно, что пытаться добраться до ближайшего магазина за углом, используя скоростную машину или самолет.
Все эти примочки, которыми напичкан бутстрап никогда не пригодятся на 99,5% сайтов.
Например, бутстрап обязывает использовать дополнительные зарезервированные классы, которые, казалось бы, ускоряют верстку, но на самом деле, мешают другому человеку (не знакомому с бутстрапом) и заставляют изрядно попотеть, чтобы разобраться во всех этих классах.
95% дизайн макетов не рисуются по сетке, оптимизированной под верстку с бутстрапом. Половина из этих макетов вообще рисуется безо всяких сеток. Тут всплывает еще один момент - получается, мы пытаемся запихнуть бутстрап в макеты, которые рисовались совсем без рассчета на бутстрап. Большинство дизайнеров вообще знает ничего о бутстрапах. Хорошо, если они умеют грамотно использовать сетки.
Могу перечислять причины недовольства веб-мастера еще очень долго, т.к. сам являюсь противником использования бутстрапа в обычных сайтах. Бутстрап создан для разработки интерфейсов - для них и нужно его применять.

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

habrahabr.ru/post/201172

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

Дополнительная информация в сниппетах Google, а так же Яндекса может быть указана микро-разметкой, а так же в инструментах для веб-мастеров.

Рекомендации Google - Вид в поиске:

Мероприятие: расширенное описание

Как изменить
Разметьте соответствующие части веб-страниц, чтобы наша система успешно распознала ваш контент. Подробнее...

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

Элементы навигации

Как изменить
Разметьте контент в теле каждой веб-страницы. Подробнее...

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

Продукт: расширенное описание (Эти звёздочки)

Как изменить
Разметьте соответствующие части веб-страниц, чтобы наша система успешно распознала ваш контент. Подробнее...

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

Информация об авторе

Как изменить
Подтвердите, что вы – автор контента. Для этого свяжите его со своим профилем. Подробнее...

В Инструментах для веб-мастеров
В разделе Статистика для автора можно увидеть профили авторов, связанные с вашим контентом.

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

На выбор!