Een deeltaak waarin je drie server-side performance optimalisaties toepast op jouw project.
Deze leertaak hoort bij sprint 10 Performance Matters. Dit is een deeltaak die je individueel uitvoert.
In het college S10W1-02-server-side-performance wordt behandeld hoe je server-side optimalisatie kan toepassen.
Je hebt geleerd dat Performance een heel belangrijk aandachtspunt is bij het bouwen van websites. In deze opdracht leer je in een paar stappen laag hangend performance fruit te pakken. Met een aantal relatief simpele ingrepen kan je de performance van je website verbeteren.
Het resultaat is gegarandeerd het sneller inladen van jouw website!
Opdracht: Implementeer vier serverside performance optimalisaties: Minifying, Code splitting, Caching en Compressie.
Deze opdracht gaat over de bouw fase van de DLC.
Voor deze opdracht voer je vier performance optimalisaties uit op een bestaand project. Kies een bestaand project uit jouw Github account om de optimalisaties op uit te voeren. Begin met een Performance Audit
Aanpak
- Minify jouw CSS door gebruik te maken van PostCSS (optioneel: minify ook je client-side javascript).
- Pas handmatig code-splitting toe op client-side javascript bestanden zodat alleen zaken worden ingeladen die écht gebruikt worden.
- Verstuur cache-control headers bij GET requests naar jouw website, kies beargumenteerd een max-age.
- Pas compressie toe. (optioneel: kies de juiste compressie aan de hand van het request)
Focus sprint 10 - De focus van deze sprint ligt op het beter en sneller laten werken van een applicatie.
- Je hebt de vier performance optimalisaties geïmplementeerd
- Je hebt de performance optimalisatie geanalyseerd met een Performance Audit vooraf én achteraf.
- Je hebt de performance optimalisatie gedocumenteerd in de Readme van de leertaak.