TrafficScanner

Der TrafficScanner ruft wie ein Webbrowser eine beliebige Webseite auf und lädt alle benötigten Dateien zur Darstellung der Seite herunter, wie es jeder Browser macht. Dieses Tool misst dabei wie viel Traffic bei einem einzelnen Aufruf entsteht, zählt die benötigten HTTP-Requests sowie DNS-Lookups, überprüft die Möglichkeiten Ressourcen zu cachen und gibt eine unverbindliche Bewertung und eventuell Verbesserungsvorschläge um das Trafficvolumen zu optimieren.

Gib hier eine beliebige URL ein: Bsp. http://googel.com/

Captcha: [code]
  Laden...
Die Analyse kann mehrere dutzend Sekunden in Anspruch nehmen!

Warum Trafficvolumen optimieren?

Nicht jeder Benutzer hat eine Highspeed-Internetverbindung, nicht zuletzt weil immer mehr User mobil unterwegs sind. Auch die sind froh, wenn sie weniger Traffic bezahlen müssen. Aber allgemein kommt eine Seite besser bei den Benutzern an, wenn sie schnell geladen wird.

Was wird hier alles ins Datentransfervolumen aufgenommen?

Grundsätzlich alles, was durch HTML und CSS in die Website eingebunden werden kann. Das heisst die HTML-Datei an sich, Frames und Iframes, externe JavaScript- und CSS-Dateien, Bilder in HTML, Hintergrundbilder in CSS und diversen andere Objekte wie Flash. HTTP-Weiterleitungen werden ebenfalls berücksichtigt.

Was ist ein DNS Lookup?

Damit ein Computer einen Webserver erreichen kann, muss er die Domain-Name-Server (DNS) nach der IP-Adresse des gewünschten Servers abfragen. Dann weiss der Computer welcher Server hinter der Domain steckt und kann ihm beispielsweise eine HTTP-Anfrage senden.
Ein solcher DNS Lookup ist jedoch nicht ganz gratis, denn er kostet zusätzliche Zeit. Daher ist es anzuraten, die Ressourcen wenn möglich nicht auf verschiedene Hosts zu verteilen.

Worum geht es beim Cache?

Ein wichtiger Faktor beim Einsparen von Traffic ist die Möglichkeit eine Ressource zu cachen. Wenn dem Client ausdrücklich mitgeteilt wird, dass er die Datei aus dem Cache laden soll, wird einiges an (unnötigem) Traffic vermieden.
Es gibt mehrere Möglichkeiten den Cache ins Spiel zu bringen: Die HTTP-Header "Last-Modified" und "ETag" ermöglichen dem Client, den Server anzufragen, ob die Ressource seit dem letzten Besuch geändert worden ist, wodurch die Ressource nur dann heruntergeladen wird, wenn sie zwischenzeitlich geändert wurde. Dann stehen noch die Header "Cache-Control" (mit dem Wert "max-age") und "Expires" zur Verfügung, womit dem Client mitgeteilt wird, er soll die Ressource erst nach der angegebenen Zeit wieder vom Server herunterladen.
Siehe Teile der Website cachen lassen für weitere Informationen.

Anmerkungen zur Auswertung

  • Conditional Comments werden nicht als Kommentare interpretiert sondern ausgewertet.
  • Interne CSS- und JavaScript-Codes eingebettet in HTML-Kommentaren werden nicht als HTML-Kommentare interpretiert.
  • Mehrfach eingebundene Dateien werden nur einmal gezählt.
  • Als "Whitespaces" werden mehrfache Leerzeichen, Tabulaturen und Leerzeilen bezeichnet.

Sonstige Anmerkungen

  • Das Programm bricht die Analyse nach 100 HTTP-Requests ab. Das bedeutet, dass bei einer Website mit mehr als 100 eingebundenen Dateien möglicherweise nicht das vollständige Trafficvolumen angezeigt wird.
  • Das Tool unterstützt Cookies, sofern diese serverseitig definiert werden.
  • Möglicherweise kann es zu einem fehlerhaften Analyse-Ergebnis kommen, wenn der Quelltext der Seite nicht valide ist.
  • Die Angaben für die Traffic-Reduktion in Bytes und Prozent sind ungefähre/geschätzte Werte.