Как ускорить загрузку 3д объекта в браузере через three js?

Question

[luvisragee]

суть вопроса: есть 5 моделей, которые стоят уже на сайте и хостинге, загружал их через three.js. Проблема в том, что некоторые из них загружаются ну уж очень долго, порядка 10 секунд. Сцена максимально простая, никаких лишних дополнений нет, только висящий объект, есть у кого мысли? Заранее извиняюсь, если некорректно что-то описал, в этой теме совсем новичок, 3D использую для диплома

Comments

[rPman]

пример модели покажи, и закинь в какую-нибудь песочницу что и как у тебя загружается
первый же пример из гугла грузится за 1 секунду

[luvisragee]

rPman, привет, x98974jl.beget.tech вот можешь сам посмотреть, каждый образец долго загружается, может быть проблема в хостинге, не знаю

[rPman]

у меня открывается только x98974jl.beget.tech/quartz/givi.html бюыстро за секунду, остальные там в консоли ошибка

[Александр Павлюк]

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

[luvisragee]

rPman, я там его специально не через three.js сделал, остальные загружаются, но долго, ошибок не было

[luvisragee]

Александр Павлюк,
надеюсь я вас правильно понял

[Александр Павлюк]

luvisragee, да, но у вас тут фильтр только на js, а нужно глянуть все запросы. Скрипты грузятся довольно быстро, как видно из скриншота. Переключите на all

[luvisragee]

Александр Павлюк, да, посмотрел all, файл bin со сценой и jpeg текстура по 4 секунды занимают и памяти по 6 мб, есть мысли как снизить время? Заранее спасибо за помощь

[luvisragee]

Александр Павлюк, это только на одном открытом образце, другие где-то по 10 мб и т.д.

[Александр Павлюк]

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

[luvisragee]

Александр Павлюк, модели сейчас через gltf(scene.bin, scene.gltf и текстуры) загружены, я пытался уменьшать полигоны, но если обратно экспортировать в glb формат файл очень некорректно отображается. Тем не менее спасибо за советы и потраченное время, может быть знаете форматы изображений в которые jpg можно конвертировать и они хорошо сожмутся?

[luvisragee]

Александр Павлюк, или scene.bin ужать как-то возможно

[luvisragee]

уменьшил полигоны, экспортнул в глб, получилось 127 мб, до этого bin 30mb был и текстура 3, вообще запутался

[Александр Павлюк]

luvisragee, wepb сжимает лучше, чем jpg, плюс, с качеством поиграть.

[Александр Павлюк]

luvisragee, возможно вы экспортнули в ascii-формат, а раньше был бинарный, поэтому и занимает сейчас больше

Answer 1

[McBernar]

Открыть модели в Блендере, уменьшить размер текстур или вообще их удалить, если не потеряется смысл.

Ну и, конечно, упростить геометрию. Чем сложнее геометрия, тем больше она весит.

Никакого особого рецепта тут больше нет. Можете еще поковырять настройки сохранения сцены. Glb/gltf. Они по-разному упаковываются и вес немного отличается.