Week 5 - jornveltrop/ilojo-bar GitHub Wiki

Joost vertelde in deze stand-up wat administratieve zaken die gedaan moeten worden voor de afronding van de Meesterproef. Over hoe het precies zit met de product biografie en reflectie. Ook vertelde Joost om nog eens goed te kijken naar de zero state van de applicatie. Is het duidelijk genoeg? Daar zullen we in de laatste dagen nog naar kijken.

Maandag ben ik tot laat op school gebleven om de performance te optimaliseren. Ook ben ik gaan werken aan PE (Progressive Enhancement).

Voor performance heeft Jeany caching toegevoegd met de service worker, daarboven op heb ik nog browser caching erbij gedaan.

app.use(function(req, res, next) {
    if (req.method == "GET" && !(req.rawHeaders.toString().includes("text/html"))) {
        res.set("Cache-control", "public, max-age=31536000")
    }
    next()
})

Verder is compression toegevoegd in de app.js

// Compress alle responses
app.use(compression())

Ook ben ik in Lighthouse gaan kijken wat er allemaal beter kon qua performance. Ik heb daarvoor vooral de afbeeldingen kleiner gemaakt en geoptimaliseerd (compressed & format)

Before

After

<picture>
   <source srcset="/images/close.webp" type="image/webp" >
   <source srcset="/images/close.png" type="image/png">
   <img src="/images/close.png" width="477px" height="478px" alt="Close button">
</picture>

Uiteraard, ook even de documentatie bijgewerkt.

De laatste dagen hebben we wat laatste bugs en elementen aangepast. Het menu is nu iets beter geworden en ik heb de CSS en JS bestanden geminified in het build script.

Toen we helemaal klaar waren hebben we het project gedeployed:

Ik moet zeggen dat ik nog nooit zo'n goed lopend project heb gehad. Ik had mij deze minor voor genomen om al het werk tijdens werk uren op de campus te doen. Dit is gelukt! Hierdoor is alles volgens planning gelopen en verliep de samenwerking met Jeany super. Al met al, zeker een geslaagd project!