Yasser-Slaymen / performance-matters-serverside-optimization

Een deeltaak waarin je drie server-side performance optimalisaties toepast op jouw project.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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

Coding the Curbs Optimization

Voor dit project ga ik optimizen voor het Coding the curbs project uit sprint 9.

Serverside Performance Optimalisatie

Voor deze deeltaak, heb ik de website van coding the curbs geoptimalsieerd,waar ik maakte met behulp van Node js , express en ejs. Hierbij heb ik preformance audit gedaan.met behulp van Lighthouse en heb ik ook gekeken naar het network tabje hoe groot mijn project is.

Befor

Screenshot (13)

Screenshot (15)

After

Screenshot (19)

Screenshot (16)

Screenshot (17)

Minifying

Met behulp van postcss, cssnano,autoprefixer. heb ik de CSS geminified, zodat mijn applicatie sneller werkt.

Code splitting

Zelf heb ik niet in mijn client-side Javascript ge-code split maar heb ik wel Met behulp Module exports, heb ik de code splitting gemaak. zodat werden op iedere pagina apart ingeladen. IK heb individueel route voor iedre Method gedaan. bestanden alleen op de index in te laden.zodat de snelheid stijgt

Caching

Ik heb de Cache-control header gebruikt zodat er om de 8 minuten een request kan worden gemaakt naar de server. Dit zorgt ervoor dat er niet constant requests naar de server gestuurd blijven worden. Dit bespaart kosten voor de server

Compressie

Voor de compressie heb ik de express compression package gebruikt.Zodat het maat van bestanden kleiner worden. Dit zorgt ook voor applicatie sneller worden

Bronnen

Postcss

Express Compression

cache header IN express

Licentie

GNU GPL V3

This work is licensed under GNU GPLv3.

About

Een deeltaak waarin je drie server-side performance optimalisaties toepast op jouw project.

License:GNU General Public License v3.0


Languages

Language:EJS 46.5%Language:CSS 29.2%Language:JavaScript 24.1%Language:Shell 0.2%