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. Naamloos.png

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. Naamloos2.png

Gebruikte bronnen