Improving Performance of 3D Spaces

Learn how to optimize your 3D spaces with the performance indicator.

Loading a 3D experience quickly when it is opened is a key factor to prevent users from bouncing. This is why we recommend optimizing 3D assets.

rooomSpaces is based on intelligent and automated processes for data minimization that ensure high-quality graphics without making any concessions to fast loading times. However, you can also actively contribute to making the user experience even smoother and minimizing waiting times. This can also lead to a lower bounce rate. The rooom performance indicator can help you with this.

How does the performance indicator work?

You can find the performance indicator at the bottom left in the 3D Space Editor.

First, you will see a counter with three scores:

1. Objects: Number of individual 3D objects within the room (e.g., furniture, products, decoration).
2. Polygon Vertices: 3D models are constructed from many small polygons, forming a grid with lots of nodes (vertices).
3. Textures: Textures are the surfaces of 3D models that span the grid of polygons.

When clicking on the counter, you will find more details, such as current memory usage, reference values, and tips for optimization. There are different benchmarks for PC and mobile.

Depending on how you intend to use the space, you can follow the recommended values for PC or mobile. PCs generally have larger memory and allow larger amounts of data to be processed. If you want your 3D space to be accessible on as many devices as possible, follow the mobile parameters.

You can also activate the checkbox Indicate heavy objects. This will provide you with further insights directly on the specific elements, helping you make better decisions, such as whether it makes sense to replace a particular object.

The performance indicator uses a traffic light system:

• Green = Benchmark not exceeded, no urgent need for action.
• Yellow = Warning: benchmark reached soon.
• Red = Critical level: benchmark exceeded, optimization recommended.

What can you do to improve the performance?

To optimize your 3D space performance, focus on the following indicators:

Objects

The number of objects in your 3D space is crucial. If the indicator shows that the number of objects is close to the danger level, consider the following actions:

• Use object instancing: If object instancing is active in your Space (activated by default), duplicate objects are only loaded once to improve performance. For instancing to work, the objects must match and have the same material. The position, rotation, and scaling of the objects may be different.
• Prioritize: If there are too many objects in your 3D space, prioritize and "declutter." Focus on elements that offer value to your guests. Although decoration is important for aesthetics, it should be used moderately regarding performance. Reducing the number of 3D objects helps both performance and ensures viewer focus on important content.
• Split and connect: Sometimes it makes sense to divide a large, complex 3D environment into smaller areas, which can then interlink and load as individual 3D viewers. This reduces the number of individual 3D objects that need to be loaded at once.

Polygon Vertices

If the number of polygon vertices is exceeding the danger level, it means your 3D models are too complex. Here are some ways to reduce polygon vertices:

• Optimize 3D models: Simplify your 3D models to reduce the number of polygon vertices. This reduces complexity and improves performance.
• Request manual optimization: When uploading your own 3D models via rooomProducts, they are optimized by an algorithm that reduces polygon density automatically. If issues persist, you can request post-processing.
• Use the object library: The 3D models available in our object library are usually optimized and have a low number of polygon vertices.

Texture Memory

High memory usage can slow down performance, especially on mobile devices. If the texture memory usage is high, consider these steps:

• Limit the maximum texture size: To reduce memory usage by textures, set the maximum texture size to a lower value in the settings under "Textures." Enter only powers of 2 and test different values, such as 1024, 512, 256, down to 32.
  
• Set mobile-specific values: For mobile devices, you can reduce the maximum texture size even further than for desktop devices.
• Test different values: Run tests with different texture sizes to find the best balance between quality and performance. Set the maximum texture as low as possible without compromising perceived quality.

If you display media in your space that shouldn't be affected by texture reduction, you can set a fixed resolution for these planes.