Dennis: Zugunsten der Performance Coden

Beitrag lesen

Hi Martin,

Mit Buttons sind keine Formularelemente gemeint, sondern:
'<a href=""><img src=""></a>

Das darf eigentlich nicht so lange zum Laden brauchen… Nimm doch das Bild testweise mal raus und ersetze es durch einen simplen Text. Lädt die Seite damit schneller?

Falls dem so ist, solltest du zuerst prüfen, ob das Bild vom Browser erfolgreich gecached wird, wenn der Browser das gleiche Bild für jede Anzeige einzeln abrufen muss, ist das natürlich äußerst suboptimal. Auch wäre hier sinnvoll direkt height und width für das Bild anzugeben, damit der Browser nicht nach dem Laden des Bilder die Seite neu aufbauen muss, sondern von vorher her den notwendigen Platz freihalten kann.

Genau das war meine Frage, bevor ich sämtliche möglichen HTML-
Konstrukte ausprobiere und jeweils hinterher messe, ob und um
wieviel sich die Ladezeit verbessert, wenn ich z.B. das a-Tag
gegen ein onclick im übergeordneten Element austausche.

Ich weiß nicht so recht… an einen extremen Performance-Gewinn kann ich nicht glauben, einfache Text-Links sind nur wirklich so ziemlich das simpelste, was es gibt - warum sollte es also schneller sein, durch Javascript-Manipulationen eine Reaktion zur Seite hinzuzufügen? Abgesehen davon würdest du durch reines Javascript natürlich die Usability deiner Seite stark einschränken.

die Daten per AJAX an den Server senden

... unumgänglich ist.

Kommt drauf an, was sollen diese Links überhaupt bewirken? Ich stelle mir das gerade so vor:

Max      Mustermann     [Details bearbeiten] [Passwort zurücksetzen] [Account löschen]
  Thomas   Müller         [Details bearbeiten] [Passwort zurücksetzen] [Account löschen]

In diesem Fall würde der Einsatz von AJAX nicht allzu viel Sinn machen. Die Funktion „Account löschen” lässt sich prima ohne AJAX realisieren, für „Passwort zurücksetzen” würde ich ebenfalls eine eigene Seite machen, lediglich für „Details bearbeiten” könnte man über Textfelder den Namen ändern und anschließend an den Server senden lassen.

Aber was in deinem Fall empfehlenswert ist, lässt sich nur sagen, wenn du uns etwas genauer erzählst, was du vorhast.

Was bedeutet 'Ajax' für Dich ? Hast Du die technik an sich
gelernt oder setzt Du etwas fertiges ein und wenn dann was ?

Ich verwende Prototype.js als Javascript-Framework, alles was ich brauche, habe ich aus den API-Docs und den Beispielen dort gelernt. Prototype nehme ich unter anderem, weil Scriptaculous darauf aufbaut, was ich derweil schon mal für Effekte benutzt habe. Allerdings ist Prototype recht mächtig und teilweise überdimensioniert.

Natürlich kannst du dich auch für ein anderes Framework, wie z.B. jQuery entscheiden, welches AFAIK hier im Forum zum Einsatz kommt. Über die Vor- und Nachteile unterschiedlicher Frameworks informierst du dich am besten durch Recherchen hier im Forum oder bei Google.

Viele Grüße,
  ~ Dennis.