Graceful Degradation kontra Progressive Enhancement

GD starter med den komplette, moderne opplevelsen som er bygget for dagens nettlesere, og legger deretter til reservealternativer for eldre nettlesere. Den moderne opplevelsen er referansepunktet, og eldre nettlesere får en forenklet versjon.

En IE11-bruker kan se den samme forenklede siden med begge tilnærmingene. Forskjellen ligger i prosessen og koden: En PE-kodebase er ett sett med HTML og progressive lag, mens en GD-kodebase er den moderne koden pluss en rekke oppdateringer for å omgå gamle miljøer.

PE prioriterer grunnnivået som fasiten. Nettverksproblemer, skriptfeil og uventede miljøer får fortsatt en fungerende side. GD behandler den moderne banen som normalen, så uventede feil viser seg ofte som ødelagte sider i stedet for degraderte sider.

Når målgruppen består av 99 % moderne nettlesere, lar GD teamet optimalisere for det vanlige tilfellet og legge til reservealternativer ved behov. For interne verktøy eller spesialiserte apper med kjente brukere kan dette være det pragmatiske valget — disiplinen i PE blir en ekstra kostnad.

Offentlige nettsteder for forbrukere drar nytte av PE: brukerne og enhetene er ukjente, og tilgjengelighet og SEO er viktig. Interne dashbord på en kjent nettleserpark kan bruke GD uten å miste særlig mye. Det finnes ikke ett riktig svar.

Virkelige prosjekter blander begge deler: Gjengi kjerne-HTML på serveren (PE for den kritiske banen), og lever en tung JS-pakke som forbedrer den (GD-lignende reservealternativer for eldre nettlesere). Vær bevisst på hvert valg i stedet for å falle tilbake på én strategi uten å vurdere den.

PE-team legger vekt på SSR, semantisk oppmerking og robuste endepunkter. GD-team legger vekt på transpilere, polyfills og betinget pakking. Begge stakkene leverer noe til gamle nettlesere, men den filosofiske forskjellen er hvilket grunnnivå som driver arkitekturen.

Dokumenter den støttede nettlesermatrisen og hvilken strategi som gjelder. «Vi bruker PE: Siden fungerer i alle nettlesere som støtter HTML, også når JS er deaktivert» eller «Vi bruker GD: Full opplevelse i de to nyeste versjonene av Chrome/Firefox/Safari, med et grunnleggende skrivebeskyttet reservealternativ i IE11». Begge deler er gyldig, men uklarhet er fienden.

PE krever mer designarbeid i starten, men mindre løpende vedlikehold: Grunnnivået går sjelden i stykker. GD koster mindre i starten, men mer på lang sikt når polyfills og shims hoper seg opp. Ta hensyn til prosjektets forventede levetid når du velger.

PE starter med et universelt HTML-grunnnivå og forbedrer det trinnvis, mens GD starter med den moderne opplevelsen og legger til stadig flere reservealternativer. PE er mer robust og tilgjengelighetsvennlig, mens GD er raskere å levere for kjente, moderne målgrupper. Velg bevisst ut fra målgruppen, og dokumenter den støttede matrisen.