case: dr.dk

Jeg har omstruktureret dr.dk's forside fra d.30/09/2003 og sammenlignet den med den originale:

OBS: Siden er testet i: Win98/IE5.0, Win98/IE5.5, WinXP/IE6.0, WinXP/Moz1.0, WinXp/Moz1.4, WinXp/Firebird0.61, WinXP/Ns7.0, MacOSX/IE5.2, MacOSX/Safari1.0 og fundet brugbar i alle.

Original (downloadet fra dr.dk)

Formatteringssprog: HTML4.01 Transitional (IKKE valid ifølge W3C)
Sidevægt: 92kB
Kompatibilitet: Web-browsere fra generation 4 og op. (anslået)
Lay-out'et er ikke genbrugeligt, da lay-out'et er kodet ind i den enkelte side, og derved er det "glemt" når brugeren klikker sig videre.
Ikke alle links har "title"-attributter, som hjælper handicappede der tilgår siden via f.eks. skærmlæsere og skærmoplæsere.
Ikke alle images har "alt"-attributter, som erstatter billederne, hvis brugeren f.eks. ikke kan tilgå billeder pga. firewall.
Siden benytter sig af transparente gif'er til at holde lay-out'et, og skaber derved unødig vægt på siden. Derudover skaber det flere requests til serveren, og dermed større serverbelastning.

Optimeret version - PDA simulation af optimeret version (obs: screenshot)

Formatteringssprog: XHTML1.0 Transitional (Valid ifølge W3C).
Sidevægt: 43kB
Kompatibilitet: Alle produkter der understøtter W3C's standarder, deriblandt webbrowsere som IE6 og Mozilla, ældre webbrowsere som IE5+, Netscape7.0 og eksterne interfaces såsom mobiltelefoner og pda'er.
Lay-out'er er genbrugeligt da det er programmeret i en ekstern css-fil, der bliver gemt på brugerens computer, og derved ikke skal downloades igen.
Alle links har "title"-attributten.
Alle images har "alt"-attributten.

Resultat:

Siden er blevet betydeligt lettere, hvilket har to åbenlyse fordele:

Brugeren bliver præsenteret for side-indholdet dobbelt så hurtigt.
DR sparer over 50% af deres båndbredde til forsiden alene - dette er en betydelig besparelse!

Siden er fremtids-sikret (ihvertfald 5-6år) da den benytter sig nyeste teknologi (XHTML og CSS), og er dermed også klar til såkalde mobile devices, hvilket gør at DR kan spare omkostninger ved at udvikle til flere platforme.

Siden er blevet mere bruger- og handicapvenlig via brugen af "alt" og "title" attributterne på links og images.

Lay-out'et er genbrugeligt, hvilket sparer brugeren for at downloade unødig kode på hver eneste side - og DR for en del båndbredde, hvilket kan ses direkte på omkostningerne til bredbånd og servere.

Andre fordele:

Udover ovenstående resultater, er der også den kæmpe fordel at den rå kode, bliver mere overskuelig, hvilket resulterer i kortere udviklingstid - endnu et argument, der kan måles i kroner og ører.

Ulempe:

Eneste ulempe er at dr.dk måske vil miste de brugere der sidder med en ældre browser, eller et andet interface der ikke følger W3C's anbefalinger. Dette vil dog være et meget lille antal, da Danmark er et land med gode internetforbindelser og rimeligt nyt hardware, hvilket resulterer i at brugerne som regel har en nyere version browser.