Desk Research: Progressive Enhancement - marcoFijan/projectTech GitHub Wiki
Progressive Enhancemnt
Wat is Progressive Enhancement?
Simpelgezegd zorgt Progressive Enhancement ervoor dat de website op elke browser een goede User Experience kan geven. Daarnaast zorgt Progressive Enhancement voor meer stabiliteit.
Hoe werkt het
Met Progressive Enhancement bouw je je website op een 'strong foundation'. Als in, de bare bones van je website. Zo kun je bijvoorbeeld je website eerst optimaliseren zodat je website werkt zonder CSS en Javascript. De website is dan te gebruiken voor de gebruiker zonder enig gebruik van styling en responsiveness. Zodra de basis van de website sterk staat (Dus eerst alleen de HTML), dan ga je verschillende features toevoegen zoals CSS en JavaScript.
Op die manier is je website goed toegankelijk voor de gebruiker. Je bouwt als het ware op een piramide waarbij elke laag (CSS, Scripts, Responsiveness, etc) Een sterke brede 'foundation' heeft.
Voordelen
- Betere toegankelijkheid
- Betere SEO (Beter vindbaar voor zoekmachines)
- Makkelijker te onderhouden
- Content werkt op alle web browsers
- De gebruikers zijn voorkeuren worden gerespecteerd (Bijvoorbeeld het gebruik van Internet Explorer)
Nadelen
- Kost veel tijd en plannen om een blueprint te maken voor een progressive enhanced website
Graceful Degradation (GD)
Graceful Degration is eigenlijk omgekeerd. Hier bouw je eerst een mooi werkende website in een moderne browser. Daarna ga je als het ware 'pleisters plakken' om er voor te zorgen dat die website ook te gebruiken is op andere oudere browsers maar dan met een stuk minder features en een lagere usability.
Gebruikte bronnen
- Dubey, p. (2018, November 7). What is Progressive Enhancement, and why it matters. Retrieved May 11, 2020, from https://www.freecodecamp.org/news/what-is-progressive-enhancement-and-why-it-matters-e80c7aaf834a/
- Mozilla. (2019, April 8). Progressive Enhancement. Retrieved May 11, 2020, from https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement
- Tipping Point Media Studios, & Maguina, S. (2016, February 26). Progressive Enhancement v.s. Graceful Degradation. Retrieved May 11, 2020, from https://www.youtube.com/watch?v=zhAn2fl0_A8