Performance: blank page because of timeout

[labkode]

Tested on ocis.owncloud.com with network throttling as depicted in the video:

web-performance.mov

To alleviate renders after initial page load we have the following directives in NGINX:

    location ^~ /
    {
      root /var/www/web;
      autoindex on;
      add_header Cache-Control "no-cache";
      etag on;
      gzip on;
    }

This is only and intermediate solution regarding caching.
Ideally only index.html should be exposed to this caching technique, the rest of the assets (JS, CSS, IMG, ...) would be handled with:

    location ^~ *js$
    {
      add_header Cache-Control "pubic,max-age= 31536000,immutable";
      gzip on;
    }

However, the last one can be applied only if the generated JS files have a suffix that changes on build or on checksum.

The previous configuration are just workarounds and do not help for the first render where people is blocked.
For that, a mechanism to optimise the loading or reduce the size of the payload is needed.

[diocas]

The final configs are a bit different, but the idea the same.
Issue addressed in #5986 and #5985

[pascalwengerter]

@diocas could you clarify if having sorted out the CERN extension JS bundles has resolved this issue for your users? (We'll slim down web by a bit and improve rendering performance nonetheless, just curious if we can close this specific issue)

[tbsbdr]

discussion notes with benedikt

• timeout increased
• removed ui kit
• added loading indicator to reassure the user of the systemstatus

[kulmann]

With #6320 being merged, can we close this issue?

[pascalwengerter]

discussion notes with benedikt

* timeout increased

* removed ui kit

* added loading indicator to reassure the user of the systemstatus

Side note: We've now removed UiKit (and more, smaller and not necessary dependencies) and will also bring a 30% bundle size reduction with the SDK bump sometime soon. Not sure how noticeable the difference is for the end user

[kulmann]

discussion notes with benedikt

• timeout increased
• removed ui kit
• added loading indicator to reassure the user of the systemstatus

And another side note: configurable timeout and loading indicator during initial load / error page on timeout was done by @diocas - thank you for the upstream contribution! 🥇

[pascalwengerter]

@labkode can this be considered "done" and closed?