Bottleneck bei Datenbank-Abfrage finden

[HanZ]

Eine Auflösung nicht, aber das "Problem" ist das rendern im Browser. Hab jetzt einfach ein Textfeld davor geschalten: "Bitte warten, Tabelle lädt".

 

[Jester]

Hey,

zwei Vorschläge, allerdings auch nur auf Verdacht.

Das Problem könnte je nach Konfiguration eine nicht geschlossene Ajax-Verbindung sein.
Versuch mal, ob das Schließen hilft, kann sein, dass der Browser deswegen bis zum Timeout wartet.

xhr.onreadystatechange = function(){
    if (xhr.readyState == 4 && xhr.status == 200) {
              document.getElementById("ausgabe").innerHTML = xhr.responseText;
    }
}
xhr.send(null);

Das andere wäre, die Tabelle nicht tröpfchenweise in's Dokument zu echoen, sondern das komplette HTML erst in einem String zu generieren und dann am Stück in's Dokument zu schreiben. Kann sein, dass die tausenden echoes zu viel Zeit brauchen.

if ($select->rowCount() > 0){
        $tempHtml = "<table id=\"table\">\n<tr>\n<th>abc</th>\n<th>cde</th>";
        foreach ($elements as $elem){
                 $tempHtml .= "\n<tr>\n<td>" .$elem['id'] ."</td>\n<td>" .$elem['merkmale'] ."</td>\n</tr>";
        }
        echo $tempHtml ."\n</table>";
}

 

[HanZ]

Beides ausprobiert, leider ohne Erfolg. Wie gesagt, wenn ich es als .html abspeichere, dann dauert es auch so lange. Es wird wohl also vermutlich wirklich die CPU/GPU/Renderer sein, der 10.000 Rows erstmal darstellen muss.

 

[theSplit]

Was man vielleicht noch probieren könnte, Tabellen werden ja automatisch layoutet anhand der Inhalte - fixe Breiten vorgeben für die Spalten wäre spontan eine Idee. Heißt für die Headerspalten die Breiten setzten. Die anderen folgenden Zeilen werden dann anhand der Angabe der ersten Reihe layoutet. Wenn es nur im die Darstellung geht, könntest du auch CSS und anderes HTML nehmen.

Auch die Entwicklertools zu testen wäre eine mögliche Idee. Dann eine Performance Aufnahme zu machen, wenn die Seite geladen auf aufgebaut wird. Anhand dieser kann man dann vielleicht noch sehen, was im Browser wie viel Zeit einnimmt und versuchen darauf hin zu optimieren.

 

[HanZ]

In den Dev-Tools wird das gar nicht angezeigt. Vermutlich weil es eben ne reine Browser-Darstellungssache ist und nichts mit Abfrage/Antwort zu tun hat.

 

[theSplit]

In Firefox ein kurzer Artikel zum "Performance" Debugging Werkzeug: Performance Tool in Firefox DevTools Reloaded – Mozilla Hacks - the Web developer blog
Das geht aber auch in anderen Browsern.