[Meta] Improve Lighthouse Performance

[reinhart1010]

Introduction

An analysis with Lighthouse shows several website issues. Note that the scores below were obtained from pages served on local server (php artisan serve).

For Homepage and Event modules

For Registration module

Possible Steps

1. Reduce and re-generate image assets with lower resolutions and lossy encoding (e.g. by using srcset and WebP).
2. Only use <h1>-<h6> tags semantically, instead of aesthetics. CSS utility classes are available for replicating similar behavior of <h1>-<h6> tags, such as <p class="font-700 h1"> instead of <h1>.
3. Consider using text compression. Needsinfo for Laravel implementation.
4. Consider using SVGs to replace original bitmap assets. Work has been done to remove some of the assets by replacing them with CSS, but replacing more assets can be a huge performance upgrade.
5. Ensuring all <img> labels have an alt property. Also useful for ARIA validation.
6. Consider to utilize caching and Service Workers. Needsinfo for Laravel implementation.