Archiv für HTML, CSS, JS

IPC 2012 Spring Edition

Wie erstelle ich eine HTML-Liste aus einem Nested-Set?

Einer der meistgelesenen Beiträge in diesem Blog ist der über Nested Sets. Es bringt natürlich nichts, wenn man damit performante Abfragen realisieren kann aber anschließend das Ergebnis nicht in entsprechenden HTML-Code umwandeln kann, um daraus eine Navigationsliste oder ähnliches zu erstellen. Da laut einiger Kommentare genau dort das Problem liegt, möchte ich in diesem Beitrag beschreiben, wie man ein Nested Set in eine Unordered List umwandeln kann. Weiterlesen >

Schlagwörter: , , ,

Performancegewinn durch virtuelles JavaScript-File

Dies ist ein Gastbeitrag von Tobias Undeutsch. Es wird beschrieben, wie durch den Einsatz von PHP die Konkurrenzsituation paralleler Downloads bei mehreren eingebundenen JavaScript-Dateien vermieden und somit beschleunigt werden kann. Weiterlesen >

Schlagwörter:

Happy Birthday PHP Performance

Am heutigen Tag feiert dieser Blog seinen ersten Geburtstag. Ich hoffe die Beiträge waren euch eingermaßen nützlich und das Lesen selbiger bereitete und bereitet euch Freude. Weiterlesen >

Schlagwörter: ,

CSS Sprites – Einsparung an HTTP-Requests durch Kombination von Hintergrund-Bildern

Wie sich ja gewünscht wurde, möchte ich von nun an auch etwas mehr über die Performance von Client-Systemen in Bezug auf Webanwendungen schreiben. Genauer: Wie müssen Webseiten ausgeliefert werden, damit Sie möglichst schnell im Browser des Besuchers dargestellt werden können?
In diesem Beitrag soll es dabei um die CSS Sprites bzw. Image Sprites gehen. Die Yahoo-Präsentation hat ja bereits darauf hingewiesen und hier soll nun erklärt werden, wie es funktioniert. Weiterlesen >

Schlagwörter: , ,

Yahoo gibt Client-Performance-Tipps

Die Jungs bei Yahoo verstehen wirklich etwas von Web-Entwicklung. Vor einiger Zeit hatten Sie bereits 20 Tipps zur Beschleunigung des Seitenaufbaus beim Client veröffentlicht. Nun sind aus den User-Kommentaren dazu 20 weitere Tipps entstanden. Weiterlesen >

Schlagwörter: , , , , ,

Optimierungen von CSS und JavaScript on-the-fly

In meinem letzten Beitrag habe ich einige Möglichkeiten aufgezeigt, wie man HTML-, CSS und JavaScript-Code verkleinern kann ohne die Darstellung und Funktionalität zu beeinträchtigen. Wenn man jedoch keine Lust hat, immer nach einem Bearbeiten die Optimierungen wieder vorzunehmen, hab ich hier eine praktikablere Lösung. Außerdem wollen wir zusätzlich die Komprimierung der Daten einsetzen sowie das Client-side Caching einsetzen.
Das Ziel soll also eine Lösung sein, bei der wir mit unseren wohlstrukturierten Dateien weiterarbeiten können, aber trotzdem sollen möglichst wenig Daten vom Client geladen werden müssen. Weiterlesen >