HTML-Seiten komprimieren mit JavaScript.

[flashnfantasy]

Will mal nur eure Meinung dazu hören...

Beim Auseinanderfieseln einer in PHP erstellten Website ist mir aufgefallen, daß etwa 70% aller Angaben selbst nach der Verwendung von CSS eigentlich nur noch Formatierungsangaben sind.

Nun habe ich folgendes gemacht (ich nenne es Daten-Container)

<div id="data-1">
  Name<br>
  Adresse<br>
  Wohnort<br>
  Telefon
</div>

Eine Schleife geht über alle DIVs und sucht sich die 'Datencontainer' raus.

var resc=/data-(.*)/gi;
  var alps = document.getElementsByTagName("div");
  for (var i=0; i < alps.length; i++)
  {
    var node = alps[i];
    resc.lastIndex=0;
    var gtc = resc.exec(node.id);
    if (gtc != null)
    {
      var target = gtc[1];
      var name = node.childNodes[0].data;
      var adresse = node.childNodes[2].data;
      ...
      // Hier kommt der Aufbau
      ...
    }
  }

Anschliessend wird mit ein wenig DOM die Seite aufgebaut.
Nach konsequenter Anwendung dieser Idee war die Seite nur noch ein Viertel so groß und wurde auch etwa 3mal schneller bereitgestellt (gemessen am Apache-Access-Log).
Da der JS auch eine eigene Datei ist, die bei einer neuen Seite nicht mitgeschickt wird, ist der JS eine echte Verkleinerung.
Funktioniert auch bei IE, Opera und Mozilla gleichermaßen.

Da ich sowas noch nirgends gehört habe frage ich mich, ist das wirklich eine gute Idee, oder befinde ich mich auf einem Holzweg ?