Ajax Tests für Web Programmierung

Hier werden verschieden Ajax (Asynchrones Javascript und XML) - Techniken ausprobiert. Prototype JS soll da ja Wunder wirken.

Diese Webseite sammelt die bei Suchmaschinen wie google, yahoo oder MSN eingegebenen Suchbegriffe, bringt diese in Form, und gibt Sie wieder aus (z.Zt. 7035 verschiedene Worte). Für die Sammlung der Daten habe ich von einer reinen File Lösung in PHP inzwischen auf SQLite umgestellt. MySQL hat nach der Oracle-Übernahme für mich an Reiz verloren, Postgres und Co. sind bei Domainfactory (wo dieser Server steht) nicht als Standard installiert.

Der einsame, chaotische Web Programmierer

Start des "External Resource Packer" - Projects : 14.03.2008 23:57:48
Letztes Update an dieser Datei                  : 31.07.2010 15:07:28
Finalisierung                                   : 22.04.2009 12:04:32
Fragen und Anregungen bitte an: Michael Wegener aka ironMIKE b.k.a. chaotischer Web Ingenieur =>

~~Aktuelles Problem: Webprogrammierung eines »External Resource Packer«~~ gelöst!

Extern eingebettete JavaScript und CSS Dateien werden immer größer, dadurch wird der Download von Webseiten immer langsamer, wenn die Verbindung mal nicht mit DSL Geschwindigkeit läuft.

Die Lösung: Kompression und Zusammenfassung aufgeteilter Dateien in Single-File downloads

Alle extern eingebundene Scripts werden mit mod_rewrite durch ein PHP Script geschickt, welches die Daten je nach Browser Möglichkeiten optimal zusammenpackt. Klingt simpel und sollte es auch sein :)

Womit wird das ganze getestet?

Natürlich mit möglichst großen Dateien:

Prototype Javascript Framework (129738 Bytes unkomprimiert)
script.aculo.us mit allen Funktionen (144403 Bytes unkomprimiert)
Nach kompression durch Smartoptimizer: 49217 Byte für alles und das mit einem einzigen GET Request!
Scriptaculous Test. Klicken Sie diesen Text an, um ihn verschwinden zu lassen.

Update 18.03.2008 20:20:11

Neue Seite mit viel zusätzlichem JavaScript und einer CSS Datei online: JavaScript Image Cropper

Externe CSS und JavaScript Dateien mit Smart Optimizer optimieren und packen

Der Smartoptimizer ist ein PHP Script von Ali Farhadi um CSS und Javascript Dateien möglichst optimal an den den Browser auszuliefern.

Die folgenden Merkmale zeichnen das Script aus

Reduktion der Größe bestehender CSS und Javascript Dateien um bis zu 80% und mehr. Auf dieser Webseite wird die Datenmenge der JavaSript Bibliotheken Prototype und Script.aco.lous von 274141 auf 49217 Byte reduziert (nur noch 18% der Originalgröße)
Unnötige HTTP Requests werden vermieden, weil Smartoptimizer mehrere js Dateien aneinander hängt und als eine Datei ausliefert.
CSS und JavaScript Dateien werden verkleinert, indem unnötige Kommentare und Leerzeichen entfernt werden. Man kann also einfach die vollständig dokumentierte Version mit allen Komentaren und Euinrückungen direkt in seiner Webseite verwenden.
Um nicht bei jeder Anfrage unveränderte Dateien erneut zu packen, legt der Smartoptimizer automatisch einen Zwischenspeicher für die bereits bearbeiteten Dateien an

Die erste Version, nicht zu vergleichen mit dem jetzigen PHP Script

RewriteEngine On
RewriteBase /
RewriteRule ^(.*)\.((js|css))$ gzip_js_css.php?file=$1&filetype=$2 [L]

Mittels mod_rewrite werden alle requests auf .js und .css Dateien durch das Script gzip_js_css.php geleitet.

in meinem Beispiel habe ich die JavaScript Dateien im Document Root des Webservers unter /js/uncompressed/ und die CSS Dateien im Ordner /css/uncompressed/ abgelegt. So kann man im Zweifelsfall testen, ob ein Fehler durch die Kompression der CSS oder JavaScript Dateien hervorgerufen wird.

Lohnt sich das?

Prototype ohne Kompression: ca. 123,17 KiB
Prototype mit gzip-Kompression: ca. 28,25 KiB
Fazit: Mehr als 1/4 der original Größe kann eingespart werden!

Aktueller Source Code in PHP (Quick and Dirty zum Drucken und abtippen^^)

Start des UL Link Tests: 14.02.2008 13:27:18
Letztes Update:  29.02.2008 20:49:29
Fragen und Anregungen bitte an: Michael Wegener aka ironMIKE

Geordnete Listen "ul" & "li"

Hier soll getestetet werden, welche Attribute des Anker oder Hyperlink Tags "a" auch in den verschiedenen Suchmaschinen unterstützt bzw. für die Inhaltsermittlung der Zielseiten Verwendung finden.

Suchanfrage Statistiken der Webseite Tintenmarkt.de für Druckerzubehör

Attribut: charset
Gesetzter Wert: ISO-8859-15
Zweck: Gibt die Zeichenkodierung der Zielseite an
Hyperlink: Druckerpatronen
Verwendung durch Suchmaschinen: selten
Attribut: hreflang
Gesetzter Wert: de-DE
Zweck: Gibt die verwendete Sprache auf der Zielseite an
Hyperlink: Druckerzubehör
Verwendung durch Suchmaschinen: selten, wird teilweise für die geographische Einordnung verwendet.
Attribut: name
Gesetzter Wert: ChristShop
Zweck: Gibt dem Tag einen eindeutigen Namen im DOM-Tree
Hyperlink: Christ Leder Moden Online Shop
Verwendung durch Suchmaschinen: manchmal, führt teilweise zu erhebliche Stärkung der Position in den Ergebnislisten.
Attribut: rev
Gesetzter Wert: bookmark
Zweck: Gibt den Zweck des Hyperlinks an.
Hyperlink: Druckertinte
Verwendung durch Crawler: KEINE ERKENNTNIS (Stand: 17.03.2008 21:16:26), aber es wird ermittelt.
Attribut: title
Gesetzter Wert: original und kompatible HP Druckerpatronen
Zweck: Enthält erweiterte Informationen zum angegebenen Link.
Hyperlink: HP Druckerpatronen Verwendung durch Crawler: von Fall zu Fall, teilweise erhebliche Verbesserung der SERP Positionen bei Nutzung in Massen.

Test für CSS Patch

Ein Versuch den Internet Explorer von Microsoft ein wenig CSS Regelkonform(er) zu machen. Hilft wenigstens ein bisschen, wenn auch nur mit Hilfe von Java Script und auf Kosten der Darstellungsgeschwindigkeit (eng. render performance).
IE8 CSS 2.1 Kompatibilität via Patch Test

Die letzten 50 User Agent Strings:
CCBot/1.0 (+http://www.commoncrawl.org/bot.html)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB0.0; .NET CLR 1.0.3705; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 ( .NET CLR 3.0.4506.2152)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; 3B 3.1; FunWebProducts; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10.4; de; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
Mozilla/5.0 (Windows; U; Windows NT 6.1; de; rv:1.9.2.8) Gecko/20100722 AskTbBT5/3.8.0.12304 Firefox/3.6.8
Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.2.8) Gecko/20100722 Firefox/3.0.7 (de) (TL-FF)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.5; OfficeLivePatch.1.3; .NET4.0C; AskTbCDS/5.9.0.12758)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; .NET CLR 2.0.50727; .NET CLR 1.1.4322; .NET CLR 3.0.04506.30; InfoPath.1)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; SLCC1; .NET CLR 1.1.4325)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SLCC1; .NET CLR 1.1.4322; .NET CLR 2.0.40607; .NET CLR 3.0.04506.648)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB0.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; eSobiSubscriber 2.0.4.16; InfoPath.1)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; Tablet PC 2.0; FDM; .NET CLR 1.1.4322; .NET4.0C)
Mozilla/5.0 (iPad; U; CPU OS 3_2_2 like Mac OS X; de-de) AppleWebKit/531.21.10 (KHTML, like Gecko) Version/4.0.4 Mobile/7B500 Safari/531.21.10
Mozilla/5.0 (Windows; U; Windows NT 6.0; de; rv:1.9.2) Gecko/20100115 Firefox/3.6 ( .NET CLR 3.5.30729; .NET4.0C) BLNGBAR
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6.5; InfoPath.2)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.1; OfficeLiveConnector.1.5; OfficeLivePatch.1.3)
Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8,gzip(gfe) (via translate.google.com)
Mozilla/4.0 (compatible; MSIE 7.0; TOB 6.11; Windows NT 6.0; GTB0.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 1.1.4322; .NET CLR 3.5.30729; .NET CLR 3.0.30729)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; Mailinfo [867753]; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.0.04506; .NET CLR 1.1.4322)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; SpamBlockerUtility 4.8.4; ZangoToolbar 4.8.3)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB0.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; InfoPath.2; Tablet PC 2.0; .NET4.0C; .NET4.0E)
Mozilla/5.0 (iPhone; U; CPU iPhone OS 4_0_2 like Mac OS X; de-de) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A400 Safari/6531.22.7
Mozilla/5.0 (iPod; U; CPU iPhone OS 4_0_2 like Mac OS X; de-de) AppleWebKit/532.9 (KHTML, like Gecko) Version/4.0.5 Mobile/8A400 Safari/6531.22.7
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; (webde/1.1.0.21); GTB6.5; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB0.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; OfficeLiveConnector.1.3; OfficeLivePatch.0.0)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; NGD_build; .NET CLR 1.1.4322; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; MS-RTC LM 8)
Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.1.2) Gecko/20090729 Firefox/3.5.2 ( .NET CLR 3.5.30729; .NET4.0E) FirePHP/0.4
Mozilla/5.0 (X11; U; Linux i686; en-US; rv:1.9.0.19) Gecko/2010040119 Ubuntu/8.04 (hardy) Firefox/3.0.19
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB0.0; .NET CLR 1.1.4322; FDM; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)
Mozilla/5.0 (X11; U; Linux i686; de; rv:1.9.2.9) Gecko/20100824 Firefox/3.6.9
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; GTB6.5; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; .NET CLR 1.1.4322; .NET4.0C; .NET4.0E)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; HPDTDF)
TrueKnowledgeBot (http://www.trueknowledge.com/tkbot/; tkbot -AT- trueknowledge _dot_ com)
Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.2.8) Gecko/20100722 AskTbDVSV5/3.8.0.12304 Firefox/3.6.8 (.NET CLR 3.5.30729)
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; FunWebProducts; .NET CLR 1.1.4322; .NET CLR 2.0.50727)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; GTB6.5; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729; .NET4.0C; .NET4.0E)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; GTB6.5; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618; OfficeLiveConnector.1.3; OfficeLivePatch.0.0)
Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_5_8; en-US) AppleWebKit/534.6 (KHTML, like Gecko) Chrome/7.0.503.0 Safari/534.6
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0; GTB6.5; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30618; OfficeLiveConnector.1.3; OfficeLivePatch.0.0; AskTbFWV5/5.8.0.12304)
Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; MDDR; .NET4.0C)
Mozilla/5.0 (Windows; U; Windows NT 6.0; de; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8 GTB7.1 (.NET CLR 3.5.30729) FirePHP/0.4
Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.2; Win64; AMD64)
Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.0.5) Gecko/2008120122 Firefox/3.0.5 handyCafeCln/3.3.21
Mozilla/5.0 (Windows; U; Windows NT 5.1; de; rv:1.9.2.3) Gecko/20100401 Firefox/3.6.3 GTB7.1 (.NET CLR 3.5.30729)
Mozilla/5.0 (X11; U; Linux x86_64; de; rv:1.9.0.19) Gecko/2010062510 Iceweasel/3.0.6 (Debian-3.0.6-3)
Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.40607; .NET CLR 3.0.30729; .NET CLR 3.5.30729; InfoPath.2)
Mozilla/6.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322; .NET CLR 2.0.50727; InfoPath.1; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729)

Die letzten 50 Suchanfragen:
javascript 3d via www.google.de.
os web via www.google.de.
via www.google.de.
berufskleidung friseure via www.google.de.
via www.google.de.
impressum pflichtangaben via www.google.de.
via www.google.de.
via www.google.de.
via www.google.de.
via www.google.de.
navigation css beispiele via www.google.de.
via www.google.de.
via www.google.de.
pflichtangaben impressum via www.google.de.
via www.google.de.
ungeordnete listen via www.google.de.
via www.google.de.
informationen zur arbeitskleidung der friseure via www.google.de.
via www.google.de.
via www.google.de.
umsatzsteuer ausland skript via www.google.de.
webprogrammierung via www.google.de.
arbeitskleidung friseure via www.google.de.
via www.google.de.
navigation css html beispiele via www.google.de.
via www.google.de.
webseiten programmieren ubuntu via www.google.com.
via suche.t-online.de.
arbeitskleidung im friseurhandwerk via www.google.de.
css beispiel navigation via www.google.de.
typo3 horizontale navigation via www.google.de.
via www.google.de.
css style bild mit link via www.google.de.
beschneidung bilder via www.google.de.
friseur kleidung via www.google.de.
via www.google.de.
360 html5 via www.google.de.
html5 360 via www.google.de.
co2h2onacl@gmail.com via www.google.de.

Die letzten 35 neuen Suchbegriffe des Tages

run2.php?z=80539&p=333&s=366&pr=0&a=4f6c763c663ec18c2824eefd97f317d0&d62545ce9cb5769709bc2b1f86014ced
speedtest
ustidnr
- ust-idnr:
  ustid
- ustid ust-idnr:
- ustid_1 ust-idnr:
- ust-id ust-idnr:
- ust-id-nr:
  ust-idnr:
player_files
prüfen*
- prüfen prüfung
- prüfung prüfen
*ust-id-nummer
- ust-idnr:
  ustid
- ustid ust-idnr:
- ustid_1 ust-idnr:
- ust-id ust-idnr:
- ust-id-nr:
  ust-idnr:
objekte
- objekt object
- object objekt
- object zeile: objekt
- objekt zeile: objekt
- objektzeile: objekt
friseurbedarfbekleidung
- friseurbedarf friseurbedarf24
- friseurbedarf24 friseurbedarf
- friseurhandel friseurbedarf
- friseur friseurbedarf
- friseure friseurbedarf
bestÄtigung
- bewegtes bestätigung
- bestätigung bewegtes
- besitzer bewegtes
str
- skater steuer
- steuer skater
ams
- a:
  img a:img
- a:img a:
  img
- anch a:
  img
d81b7b37eb903efa14cf0b3658c46d57
logout
- liste list
- list liste
- leiste liste
- list? liste
- liste, liste
asktbfwv5
- aktofflinestorage:
  js asktb5:
  4)
- asktb5:
  4) aktofflinestorage:
  js
- asktb5:
  3)zeitstempel: aktofflinestorage:
  js
- aktiviert aktofflinestorage:
  js
- activex-komponenten aktofflinestorage:
  js
beschnitt
- beschneiden beschneidung
- beschneidung beschneiden
- beshneiden beschneiden
- beschneidungs beschneiden
- beschneidung,bilder beschneiden
ajyx
- ajax access
- access ajax
- 'ajax ajax
- achse ajax
- ajax:
  js ajax
officeliveconnecto
- officeliveconnector:
  1:
  3; officelivepatch:
  0:
  0)
- officelivepatch:
  0:
  0) officeliveconnector:
  1:
  3;
- officelivepatch:
  0:
  0; officeliveconnector:
  1:
  3;
- officelivepatch:
  1:
  3; officeliveconnector:
  1:
  3;
- officelivep officeliveconnector:
  1:
  3;
co2h2onacl*
- cmxsltprocessor:
  js cms:
  libri:
  de
- cms:
  libri:
  de cmxsltprocessor:
  js
- console cmxsltprocessor:
  js
- cms4:
  lavita:
  de cmxsltprocessor:
  js
- co2h2onacl@gmail:
  com cmxsltprocessor:
  js
drehen
- deren ädern
- ädern deren
frisour
- friseurbedarf friseurbedarf24
- friseurbedarf24 friseurbedarf
- friseurhandel friseurbedarf
- friseur friseurbedarf
- friseure friseurbedarf
ust-nr
ust.id
- ust-idnr:
  ustid
- ustid ust-idnr:
- ustid_1 ust-idnr:
- ust-id ust-idnr:
- ust-id-nr:
  ust-idnr:
'scrollleft'
- scrollpane:
  js
'attr(