Webapp: Pagespeed improvements

[Rotzbua]

The pagespeed of the webpage (webapp) could be improved.

Problem

Currently the reported First Contentful Paint for mobile devices is 10.2 s which is very high.

https://pagespeed.web.dev/report?url=https%3A%2F%2Fdesec.io%2F&form_factor=mobile

Suggestions by report

• Eliminate render-blocking resources
• Enable text compression
• Reduce unused CSS
• Ensure text remains visible during webfont load

Comments and possible solutions

Eliminate render-blocking resources:

• enabling text compression also solves this problem
• no explicit solution recommendable

Enable text compression:

• can be enabled in the nginx config
• current nginx supports gzip and brotli (better gzip for modern browsers)
• just for for static content, not for API because of security problem BREACH
• biggest impact: halves the loading time

Reduce unused CSS:

• ~90kb by PR #630

Ensure text remains visible during webfont load:

• no action required, because for font can not be improved
• for font roboto improvement was done in #626

Current pagespeed reports