Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md
Server Side Performance voor Scrollbook
Voor deze deeltaak, heb ik de website van de Scrollbook Bookshelf geoptimaliseerd die gemaakt is met behulp van Three.js EJS, NodeJS en Express. Hierbij heb ik een performance audit gedaan met behulp van Lighthouse en heb ik ook gekeken naar het network tabje hoe groot mijn project is.
Before
After
Met behulp van 🪄 PostCSS, heb ik de CSS geminified, zodat mijn applicatie sneller werkt.
Zelf heb ik niet in mijn client-side Javascript ge-code split, omdat er geen dode code is die wij niet gebruiken. Echter heb ik wel in mijn HTML een code-split gedaan. Aangezien libraries zoals three.js en GSAP niet in worden geladen op de detail page, worden deze nu alleen maar op de index ingeladen.
Zelf heb ik de cache-control methode gebruikt, zodat er niet elke keer een request gedaan wordt naar de server en hierdoor maar om de 5 minuten een request wordt gedaan.
Met behulp van de 🚄 express compression package, omdat het erg makkelijk is te gebruiken.
This work is licensed under GNU GPLv3.