Optimize loading time with the performance indicator

Have more questions? Submit a request

Content


    Fast loading times are essential for an optimal user experience. In this article, you will learn how to work with the performance indicator.

    Why is loading time important?

    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.

    Ladezeit.gif 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.

    Indicator_in_Editor.png

    First you will see a counter with three scores:

    Counter.png

    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. They form a grid with lots of nodes (vertices).
    3. Textures: Textures are the surface of a 3D model 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 either follow the recommended values for PC or mobile (PCs generally have a larger memory and therefore allow larger amounts of data to be processed). If you want your 3D space to be accessible for as many devices as possible, we recommend following the mobile parameters.

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

    Indicate heavy objects.png

    The performance indicator is based on a traffic light system. This means:

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

     

    What can you do to improve the performance?

    In general, the fewer complex objects a 3D space contains, the better the loading time. Fewer polygons and less memory usage by textures also contribute to better performance.

    3D objects

    • 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, it makes sense to prioritize and "declutter". Which elements are really relevant for your guests and offer content with added value? Although decoration is important for the aesthetics, it should only be used moderately with regard to loading time. Reducing the number of 3D objects is not only helpful for performance, but can also help to ensure that the viewer's focus is on the really important content.
    • Split and connect: Sometimes it also makes sense to divide a large, complex 3D environment into several, smaller areas, which can then get interlinked and loaded as individual 3D viewers. This means that fewer individual 3D objects need to be loaded in each case.

    Polygons

    With fewer polygons in a 3D model, there are fewer vertices and the 3D object is less complex. A smaller number of polygons means faster processing and less demand on the system. The 3D models available in our object library are usually safe.

    • Request manual optimization: When uploading your own 3D models via rooomProducts, they are optimized by an algorithm and the polygon density automatically reduces. If you still have issues with your own 3D models after uploading, you can request post-processing via the dashboard.

    Textures

    Textures require graphics memory and computing power on the user's device. Large texture files can lead to longer loading times as the device needs more time to process and display them. Smaller texture files allow the browser to download multiple resources at once. This can lead to a more efficient use of the available network bandwidth and reduce the overall loading time. For this reason, you may want to consider our requirements for textures when uploading your own 3D models.

    • Limit the maximum texture size: To reduce the memory usage by textures when loading the 3D Space Viewer, you can set the maximum texture size to a lower value in the settings under "Textures".

    Texture_max Parameter_en.png

    You can even set this separately for mobile devices and, if necessary, reduce it even further than for desktop devices. Please only enter power values of 2 here. Run tests with different values, e.g. 2048, 1024, 512, up to 256.

    The Object Instantiation and Texture Optimization parameters also have an impact on performance, but are already active by default.

     

    The performance indicator is a powerful tool for optimizing loading times. Use it to monitor progress and ensure that your optimization efforts are achieving the intended results.
    Was this article helpful?
    0 out of 0 found this helpful
    Share

    Comments

    0 comments

    Please sign in to leave a comment.