Like computer games, Vectary can have better or worse performance depending on the device. Our team is working hard to make much of the optimization automated, but there are still some steps that need to be done manually to view models on any platform, including mobile phones.

Improving loading time

If your scene is embedded in a website, it's important that the scene loads as quickly as possible. The ideal scene load time is up to 2 to 3 seconds. Vectary Studio is largely optimized for fast loading, and the same should apply to a 3D scene in the viewer. In addition, too large a scene can lead to potential memory issues on older devices.

Optimizing

Geometry

One of the main reasons the scene might take a long time to load is because of the large number of polygons.

In Vectary Studio, the statistics showing the number of polygons is always in the lower-left corner. The fewer there are the faster the scene loads.

Untitled

The presence of a large geometry (up to 500k polygons) has no significant effect on performance. It has more of an effect on increasing load time. We always recommend reducing the number of polygons if possible. The ideal number of polygons is up to 100k polygons, and we recommend a maximum size of 500k polygons. But less is always better 🙂
For AR the recommended maximum number of polygons is 100k.

How to reduce the number of polygons

Among the tools in object mode, there is the Simplify tool. This will help to reduce the number of polygons while maintaining the shape of the object. However, with a very large number of polygons, this might not work, because the browser can't handle the computation, and it will display a page unresponsive error.
Your model geometry may consist of unrelated parts. Use the Weld tool to make it whole.
We also recommend hiding or removing parts of the object that are not visible to the viewer. For example, screws or ports (usb, cables, hdmi, etc.), as they are often highly polygonal. Hidden objects will not be exported to a shared project. If there are polygons that are not visible, you can delete them in Edit mode.
If the object is small or far away from the viewer, no one will appreciate its detail, so the number of polygons may be low.
Linking geometry will help to improve loading time. If there are several instances of the same object in the project, linking between them will allow loading only one of them. This can be done as follows:

Textures

Textures play a big role in both performance and load time, so we've provided several ways to get the best results cheaply.

The following steps will help you get the most out of your textures:

Minimize the resolution of textures where the low quality won’t be noticeable.

<aside> 💡 You can change the resolution for all textures in the Preview mode.

</aside>

<aside> <img src="/icons/exclamation-mark_purple.svg" alt="/icons/exclamation-mark_purple.svg" width="40px" /> do not exceed a resolution of more than 2048*2048px. Textures with a higher resolution can cause memory problems on older devices and significantly increase loading time. Always try to use the smallest possible texture size

</aside>

Use as few textures as possible. The more there are, the longer it will take to load the scene and the more likely potential memory issues on older devices. Try to select the same texture from the drop-down list and use it as often as possible. You can always choose the same texture for multiple purposes, just use different settings for them. That way, Vectary will only load one texture instead of several.
JPG, SVG, and Lottie — best friends of performance 👨‍👩‍👧

Materials

Remove unused materials