Какую работу надо проделать для оптмизации сайта?

Question

[WSGlebKavash]

Сайт (http и https)
Есть веб-приложение, представляющее собой сайт, состоящий из файла index.html и двух файлов .js. Сайт представляет из себя панорамы 360°, на которых расположен фото и ведо-контент. Фотографии в формате .jpg, видео в формате .MOV (кодек QuickTime).
Проблема: спустя несколько минут работы сайта начинаются жёсткие лаги и следующие панорамы загружаются очень медленно. При чём на родном веб-сервере Pano2VR всё работает ужасно, а на IIS - ещё более-мение. На проблемы в работе жаловались люди с разными браузерами и с разной скоростью интернета.
Скоро приложение станет ещё тяжелее, когда туда добавится квест-викторина.
Что можно проделать для оптимизации сайта? Какой веб-сервер лучше использовать (IIS, Apache2, Nginx или Node.Js)? Какие ресурсы должны быть у хостинга? Стоит ли использовать HTTP-over-QUIC?

P.S:

Веб-приложение создано в платформе Pano2VR.

Comments

[Ivan Bogachev]

Проблема: спустя несколько минут работы сайта начинаются жёсткие лаги... Какой веб-сервер лучше использовать (IIS, Apache2, Nginx или Node.Js)? Какие ресурсы должны быть у хостинга? Стоит ли использовать HTTP-over-QUIC?

Без живого примера сложно говорить, но обычно прежде, чем что-то оптимизировать, нужно понять, что именно нужно оптимизировать. Уточните, с чем именно в технической проскости у вас проблемы? Что является бутылочным горлышком? Выражение "жесткие лаги спустя несколько минут" в контексте WebGL и тяжелых текстур может вообще не иметь отношения к серверу. Вы уверены, что проблема в нем и каких-то сетевых вопросах, а не в утечках памяти или перегрузке видеокарт у клиентов?

[WSGlebKavash]

Ivan Bogachev,

Уточните, с чем именно в технической проскости у вас проблемы?

Мы проводили разные стресс-тесты, и выяснили, что сайт спотыкается на видео. Так как скрипты были автоматически сгенерированы, мы не понимаем, что происходит внутри. Требуется ревёрс-инжениринг.
UPD: В попросе появились ссылки!

Answer 1

[rPman]

Проблема явно не в сервере, повторное воспроизведение видео так же лагает, нагрузки на процессор нет, выглядит как глюк плеера (на linux лагает в 2-3fps в firefox, в chromium нет), при этом сама панорама, вращающаяся в фоне работает без единого лага.

Совет, попробуй избавиться от mov формата (еще с древних времен его использование несло за собой кучу проблем), используй другие кодеки, начиная с mp4 h264 или webm

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

Comments

[WSGlebKavash]

rPman,

Как вариант, чтобы не разбираться с проблемой, просто исключи штатный видеопроигрыватель

Как вариант, вот версии:
Панорамы+Видео (http и https)
Панорамы+Текст (http и https)

Во второй версии нет видео. С ней проблем почти нет, это подтвердили пользователи со слабым интернет-соединением.

овет, попробуй избавиться от mov формата

Два видео открылись ТОЛЬКО после установки соответствующих кодеков. Поэтому их сразу переконвертировали, одно в .mp4 кодек (H.264), другое в .mp4 (кодек VP9).

Так в какую сторону дальше копать?

[rPman]

эта версия перестала работать в firefox (открывается кнопка открытия видео кстати криво выглядит и не играет видео), в хромиум видео работает

если посмотреть в код то на странице два тега video, одно открывает файл 'невидимый трехугольник.mov' не это ли причина лагов, два одновременно проигрываемых видео, а из-а кодека mov скорее всего софтварно?

[WSGlebKavash]

rPman,

а из-а кодека mov скорее всего софтварно?

Дело в том, что видео снимались на Honor, а монтировались на iPhone. То есть двойное попадание. Поэтому сейчас первоочередная задача разобраться с кодеками и найти оптимальное решение.
Вот новая версия: http и https
В этой версии отсутствуют видео, зато есть логика и звуки.

одно открывает файл 'невидимый трехугольник.mov'

Скорее всего, какой-то глюк Pano2VR. Видео 'невидимый трехугольник.mov' было удалено.

Совет, попробуй избавиться от mov формата (еще с древних времен его использование несло за собой кучу проблем), используй другие кодеки, начиная с mp4 h264 или webm

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