We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.

Ok, I Agree

How to optimize projects for speed

Home › Forums › General Questions › How to optimize projects for speed

Tagged: 

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • 2021-11-08 at 10:13 am #46814
    preferens.se
    Customer

    Hey y’all!

    We have developed an application for a company that sells doors.
    You can view it here:
    https://www.hellbergs.se/sv/dorrguide

    It is currently only in Swedish, but it shouldn’t be too hard to navigate.

    My problem is speed. According to our client the app is running waaay too slow. It works fine on my devices but on some machines it apparently takes a long time to load and lags when in use.

    How do I speed things up?

    Things I have done to try to speed things up:
    – Compressed all images and textures with Photoshop.
    – Limited the textures to only diffuse textures.
    – Reduced the number of polygons on models (more work can be done on that).
    – Bunched together models into one object where possible.
    – Enabled LZMA compression in render properties.
    – Enabled “Optimize Mesh Attributes” render properties.
    – IBL Enviroment Mode set to “Light Probe + Cubemap”

    The HTML interface is made using Webflow.

    What else can I do?

    2021-11-08 at 10:54 am #46818
    haris
    Customer

    Hi,
    I tried this on my laptop it was very slow and laggy but you can fix the slow loading time by loading your variations in parts, whenever a user clicks you can load that particular variation with load scene puzzle, and try to use cube map reflection for reflections :) could you tell how many number of polygons you scene has?

    Regards,
    Haris

    harisimran1012@gmail.com

    2021-11-08 at 6:23 pm #46831
    xeon
    Customer

    Haris idea might do the trick for you. My experience was slow but I could isolate the issue to the server responses, a missing file ultropestecken.svg (404 error). The server is taking way to long to load the scene at 27 seconds to load only 13Mb. So you are going to have to improve your server response or loading your scene in segments is going to be just as frustrating. You may want to load the entire app on Soft8soft CDN and see if you have any performance gains. If so you will start with modifying your hosting.

    You may want to try using compressed assets. Your .bin is 6.2MB and is one of the longer load problems.

    Overall your scene uses only 13Mb of resources but your heap size is over 50Mb. So in order to really understand the performance issues. You will want to use Chrome Console mode and see what is happening.

    The other oddity is the CPU usage for when the scene is running is very high… it runs from 30% to 80% and thats abnormally high. Most WebGL applications will run 5% to 12% with similar scene sizes. Your DOM Nodes are 1872 so consolidation will be key.

    If you want to share your application/puzzles we can dive deeper but for now I would be careful regarding your EventListeners and any puzzle loops and or timers you might be using that may be running in the background of your app.

    Given your application, I don’t believe there is any reason for this to be as slow as it is. My guess is its a combination of hosting, puzzles, etc. that is causing it.

    Xeon
    Route 66 Digital
    Interactive Solutions - https://www.r66d.com
    Tutorials - https://www.xeons3dlab.com

    2021-11-09 at 12:17 am #46833
    Pascal
    Customer

    Hej hej Preferens,
    I guess you have some lights setup that take too much time (hardware-ressources) on rendering the first frame, so the loading time is very different, depending on the hardware. On my system, it just takes 6 sec., but on another system where it tested, it never finished.
    Stop the ongoing rendering when nothing happens. You can stop rendering (and antialias the last frame )when nothing new is to be shown.
    The scene is not that big, the .bin has just 6 MB so I don’t think its a matter of too much geometry. Check your lights and shadow setups and tell us more.
    And you use textures that are not the right size, should be power of 2. In example, dobel-1033_traditionell-ek.jpg is 247 x 247 px, thats not good.

    Also you should be updating Verge3D, you are using 3.7.1. Just to be up to date, there were plenty useful updates.

    I like the idea of your solution, it could become something very smart. :good:

    2021-11-09 at 10:35 am #46857
    preferens.se
    Customer

    Thank you all for your feedback!

    I will try to implement some of the suggestions y’all have given before I share any of the project files. I worry that the project files will reveal a multiple embarrassing issues. This is our first real project of this kind and I’m our only developer.

    I will probably share the files if I don’t figure somethings out soon.

    2021-11-09 at 1:49 pm #46864
    Alexander Kovelenov
    Staff

    Hi, please check out the following topics in the user manual:

    1. Optimizing scenes for better WebGL performance

    2. Spotting Verge3D Performance Bottlenecks

    Soft8Soft Tech Chief
    X | FB | LinkedIn

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.