digital:cube

Refactoring hansalux.de Website

Tags: CSS, Internet, Programmierung, Website, XHTML

hansalux homepage films bat uns vor den Weihnachtsferien, Ihre Webseite auf Qualität und Struktur zu untersuchen. Wir machten uns an die Arbeit und fanden schnell heraus, dass die Webseite trotz der äußerlich modern wirkenden Fassade im Inneren nicht einer ordnungsgemäßen Programmierung entsprach. Hui, also Webseite ist nicht gleich Webseite!

Der HTML Code, den wir vorfanden, hatte eine sehr eigenwillige Struktur: CSS Anweisungen Inline im HTML Body gepaart mit einem Schuss Javascript; Hm, was für eine Mischung. Nicht desto trotz versuchten wir eine Lösung zu finden, die für hansalux zu vertreten wäre. Folgendes sprach für ein Refactoring:

• Tabellenzellen als Gerüst für die visuelle Struktur der Webseite
• Formatierung nicht getrennt vom HTML Markup
• keine semantische Struktur
• CSS Anweisungen nicht ausgelagert
• Viel überflüssigen HTML Code
• Einbettung von Videoinhalten nach altem Prinzip
• Keine Grund-SEO Einstellung

Wir mussten final empfehlen, den Code neu zu schreiben. Laut unseren Analysen mit diversen Semantik und SEO-Tools wurden wir mit unserer Diagnose bestätigt, worauf wir umgehend eine Empfehlung aussprechen mussten: Neuprogrammierung!

Wir strukturierten das System komplett neu:

• Erstellung XHTML 1.0 Strict nach W3C Standard
• Erstellung von CSS 2.1 Formatierung
• Optimierung von Titel, Beschreibungen und Schlüsselwörter
• Optimierung von Grafiken
• Einhaltung von Semantik

Beim Thema technische Details (gerpüft von seitwert) kann man hier den Unterschied feststellen.

Vor und Nach der Reprogrammierung

Was hier nicht sichtbar gemacht wird, ist dass durch die Neuprogrammierung der Webseite, die Ladegeschwindigkeit um 60% gestiegen ist und gleichzeitig knapp 0,9 MB beim Seitenaufruf an unnötigen Code gespart haben.

Es gibt noch keine Kommentare.

Einen Kommentar hinterlassen

Name (erforderlich) Mailadresse (wird nicht veröffentlicht) (erforderlich) Webseite Message

CAPTCHA Code