Schlanker Code für schnellere Ladezeiten

Die Anzahl der Breitbandinternetnutzer liegt laut Statistik der europäischen Statistikbehörde Eurostat in Deutschland bei 50 Prozent im Jahr 2007 (Im Jahr 2006 wares es 34%).
71 Prozent der deutschen Bevölkerung haben einen Internetanschluss (Im Jahr 2006 waren es 67%).

Daran kann man erkennen, dass die Anzahl der Internetnutzer und deren mit Breitbandanschlüssen zwar stetig wächst, aber ein erheblicher Anteil (50%) immer noch ohne schnellen Zugang im Internet “surft”.
Webseitenentwickler müssen daher immer noch Ladezeiten optimieren.

Es fällt bei der Gestaltung und Entwicklung oft schwer dies zu berücksichtigen. Aufwendige und ladezeitintensive Flash-Intros, Filmchen und Animationen sind zwar nett anzuschauen, können aber an falsch platzierter Stelle schnell den Zweck verfehlen. So bringen sicherlich viele Besucher nicht die notwendige Wartezeit für die Ladezeit einer solchen Startanimation mit und klicken verärgert auf den “Zurück-Button” des Browsers.
Im Quellcode lassen sich meist ein paar Kilobyte einsparen. Mit einem verbesserten CSS-Code kann man den Seitenaufbau durch Einsparungen beschleunigen.
Verkürzte Schreibweisen bei der Eingabe der Formatbefehle beschleunigen nicht nur durch eingesparte Bytes, sie führen auch zur besseren Übersichtlichkeit und erleichtern die Pflege.

Fassen Sie z.B. mehrere gemeinsame Formatanweisungen zusammen:
h1, h2, h3, h4, h5 {
line-height:1.2em;
font-family:Georgia, “Times New Roman”, Times, serif;
}

oder verwenden Sie verkürzte Schreibweisen anstatt:
.hinweis {
font-weight:bold;
font-size:1.0em;
line-height:1.5em;
font-family:Geneva, Arial, Helvetica, sans-serif;
}

besser so:
.hinweis {
font: bold 1.0/1.5 Geneva, Arial, Helvetica, sans-serif;
}

Mit dem kostenlosen CSS-Optimierer kann die Größe der CSS-Datei optimiert werden. Zu finden ist das Open Source Tool unter http://csstidy.sourceforge.net/

Mit einer verbesserten Quellcodestruktur lassen sich erhebliche Einsparungen an der Ladezeit generieren.
Der Aufwand lohnt sich.

Ähnliche Artikel

Lob, Kritik, oder Anmerkungen? Schreibe einen Kommentar oder speichere diesen Feed und erhalte zukünftig neue Berichte im Feed-Reader.

Kommentare

Noch keine Kommentare.

Einen Kommentar hinterlassen

(erforderlich)

(erforderlich)