Dateien, die ein Nutzer bereits geladen hat, kann der Browser bei einer nochmaligen Anfrage aus dem Cache laden. Dies ist ein sehr schnelles und effizientes Verfahren. Die Frage dieses Artikels ist daher: Wie kann der Anteil der beim Nutzer bereits hinterlegten Dateien erhöht werden? Darauf gibt es kaum eine zufriedenstellende, pauschale Antwort, da der Browsercache meist so begrenzt ist, dass ein Nutzer mit durchschnittlichem Surfverhalten kaum Cachingeffekte wahrnehmen kann.
Einen interessanten Ansatzpunkt gibt es jedoch über die so genannte Google Libraries API, die es Entwicklern ermöglicht verschiedene Frameworks direkt von einem Googleserver einzubinden. Klarer Vorteil: Viele Webseiten verwenden diese Google API und damit sind die dortigen Dateien im Durchschnitt viel häufiger bei einem Internetnutzer hinterlegt.
Die Google Libraries API stellt dabei bisher folgende Frameworks und Scripte bereit:
- Chrome Frame
- Dojo
- Ext Core
- jQuery
- jQuery UI
- MooTools
- Prototype
- script_aculo_us
- SWFObject
- Yahoo! User Interface Library (YUI)
- WebFont Loader
Genutzt werden können diese Frameworks entweder über den Include mit dem standardmäßigen Script-Tag, oder über eine Library von Google mit dem google.load() Befehl.
Beispiel für das Einbinden von jQuery über den Script-Tag:
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
Beispiel für das Einbinden von jQuery über die API:
<script type="text/javascript" src="http://www.google.com/jsapi?key=INSERT-YOUR-KEY"></script>
<script type="text/javascript">
google.load("jquery", "1.4.2");
</script>
Weitere Beiträge aus dieser Reihe:
- Einleitung: Wie Ladezeiten verkürzt werden können
- Teil 2: Komprimierung von CSS und Java Script
- Teil 3: Komprimierung der auszuliefernden Inhalte mit GZip
- Teil 4: Optimiertes Nutzen von CSS durch Beschränkung in der Strukturtiefe
- Teil 5: Beschränkung der HTTP Requests
- Teil 6: Laden von Elementen auf den Viewport des Nutzers beschränken
- Teil 7: iFrames richtig nutzen (Nachladen externer Inhalte)
- Teil 8: Cachingerfolg erhöhen durch Auslagerungen
- Teil 9: CSS Sprites nutzen
