Was wird bei tabellarischen Daten schneller gerendert, CSS oder <TABLE>?[geschlossen]

Question

Ich suche nach Statistiken zu aktuellen Browsern, wie lange es dauert, eine Tabelle mit einfachem HTML zu rendern, im Vergleich zu einer gehackten puritanischen CSS-Methode, die die Verwendung von echtem HTML vermeidet TABLE, TR, TD usw.Stichworte.

Ich suche nicht nach dem Richtigen, sondern nur nach dem, was schneller ist, insbesondere unter Firefox 3, obwohl ich auch an den Statistiken für andere Browser interessiert bin.Von Kurs TABLE-Tags sind für Tabellen konzipiert.Das ist nicht die Frage.

Answer 1

Im Allgemeinen würde ich verwenden

für tabellarische Daten sagen. Wenn jedoch die Tabelle sehr lang ist (sagen wir, mehr als 100 Zeilen) und die Anzahl der Spalten ist gering (~ 3), div-Tags verwenden, um Zeilen zu emulieren in einem viel kleineren Markup Fußabdruck führen würde. Dies ist besonders relevant, wenn Sie mit DOM Javascript suchen (wie die vielen JS-Bibliotheken zur Verfügung gestellt), da sie die DOM-Baum Größe zu reduzieren profitieren würden.

Das aus Erfahrung, ich hatte einen solchen Tisch und war auf der Suche nach Optimierungen -. Auf einem div-basierte Display bewegt schneiden die zu einem dritten generierten HTML und war eine große Verbesserung in DOM-Traversal-Leistung

Andere Tipps

Wenn Sie wirklich tabellarische Daten haben, verwenden Sie dann Tabellen. Die Idee, dass man sollte nie Tabellen für alles verwenden war eine falsche Erweiterung des richtigen Konzepts, dass Sie HTML-Tags nur für den vorgesehenen Zweck semantischen verwenden sollten. Das bedeutet, dass die Verwendung CSS für das Layout, sondern verwenden Tabellen für tabellarische Daten. Es bedeutet nicht, nie Tabellen verwenden.

Da einige Browser warten, bis die gesamte Tabelle übertragen wurde, um sie anzuzeigen, um sicherzustellen, dass sie die Spaltenbreiten für Inhaltsgröße angepasst haben, divs mit wahrscheinlich machen schneller, wenn Sie schauen für einen Durchschnitt über jeden Browser.

Dass gesagt wird, wenn Sie eine Tabelle benötigen, eine Tabelle verwenden.

Diese Frage sieht wie diese ähnlich zu sein: Warum Tabellen nicht in HTML-Code für das Layout verwenden? so könnte man dort einige der Antworten überprüfen will auch .

Generell Browser nicht einen Tisch machen, bis die gesamte Tabelle berechnet wurde, was bedeutet, dass aus der Sicht der Nutzer eine große Tabelle ist langsamer als die gleichen Inhalte mit CSS Styling anstelle von Tabellen. Ich arbeite mit einer Web-Anwendung an einem Punkt, die Tabellen wurde mit einem Raster von Statusinformationen angezeigt werden, und es war extrem intensiv angezeigt werden und sehr langsam. Die gleichen Informationen angezeigt CSS war schneller und was noch wichtiger ist, begann Zeile für Zeile angezeigt werden, wie es geladen wurde, sondern für die gesamte Tabelle zu warten, so dass es gefühlt schneller als Endbenutzer. Ich würde vorschlagen, CSS Untersuchung unter Verwendung der Daten für den Test mit einem Beispieldatensatz angezeigt werden soll. Das ist, was ich tat, um zu bestätigen, dass die Tabellen in der Tat viel langsamer für den speziellen Anwendungsfall waren wir hatten.

Wenn Sie CSS für das Layout verwenden und zu bewährten Verfahren halten und halten Sie Ihre CSS in einer separaten Datei (en) dann CSS benötigen normalerweise nur einmal heruntergeladen werden, bevor sie im Cache gespeichert ist, können Sie die Vorteile des Caching zu geben.

Wenn Sie Tabellen für das Layout dann Layout-Tabellen werden für jede Seite mit dem HTML gesendet werden, Ihre Bandbreite und Downloadzeiten zu erhöhen.

, um die Rendering-Geschwindigkeit von Tabellen zu verbessern, obwohl Sie Einstellung der Tisch-Layout: fixed; zu sehen, ob das hilft ..

Verschiedene Browser haben völlig unterschiedliche Javascript / CSS Leistung, also ist es sehr schwer, hier zu verallgemeinern. Zum Beispiel hat IE7 einen erschreckend langsam Motor, und Chrome ist Geist-bogglingly schnell. Firefox ist irgendwo dazwischen, depennding auf, wenn Sie mit 2 oder 3.

Ich würde nicht Rendergeschwindigkeit als der wichtigste Aspekt hier. HTML-Tabellen sind für tabellarische Daten. dass in eine Menge von DIVs setzen oder so würde in meinem Verständnis völlig falsch sein.

Wie die meisten der oben genannten Antworten würde ich auch sagen, dass Sie Tabellen verwenden, wenn Sie tabellarische Daten anzeigen, und DIVs, wenn Sie das Layout steuern möchten (mit CSS3). Entgegen der Annahme sind Tabellen beim Rendern nicht langsamer als DIVs wenn Sie einige Eigenschaften wie colgroup festlegen und das Layout unverändert lassen.Schauen Sie sich die Details dazu im folgenden Link an:

sites.google.com/site/spyderhoodcommunity/xhtml/makingtablesrenderfasterwhenlistingtabulardata

Für tabellarische Daten, verwenden Sie eine Tabelle. Tische sind mit allen Arten von netten Features, wie <thead> und <tfoot> Tags, Legenden, Titel, Titel, usw. Alles, was Sie brauchen, ist einen Tisch, einen Tisch zu machen.

Auch wenn die CSS funktioniert nicht / nicht geladen / spielt keine Rolle, wird die Tabelle immer noch so aussehen und arbeiten es sollte.

persönlich von dem, was ich gelesen habe, wenn Sie tatsächlich tabellarische Daten präsentieren, eine Tabelle besser geeignet für die Aufgabe ist, ich persönlich finde hae, dass ziemlich wahr zu sein.

Wie für rohe Zahl von dem, was „schneller“, wie @skaffman erwähnt hängt es von den Browsern ... aber „korrigieren“ zu sein, wäre es sinnvoll, einen Tisch für tabellarische Daten zu verwenden.

Lizenziert unter: CC-BY-SA mit Zuschreibung

Nicht verbunden mit StackOverflow

Nützliche Links

Stichworte Über uns Kontakte Privatsphäre

Facebook Instagram

Der Inhalt ist unter Creative Commons lizenziert.

Wenn Sie Urheberrechtsverletzungen finden, können Sie uns unter uns kontaktieren info@generacodice.com um die Entfernung des Inhalts zu beantragen.

Answer 2

Wenn Sie wirklich tabellarische Daten haben, verwenden Sie dann Tabellen. Die Idee, dass man sollte nie Tabellen für alles verwenden war eine falsche Erweiterung des richtigen Konzepts, dass Sie HTML-Tags nur für den vorgesehenen Zweck semantischen verwenden sollten. Das bedeutet, dass die Verwendung CSS für das Layout, sondern verwenden Tabellen für tabellarische Daten. Es bedeutet nicht, nie Tabellen verwenden.

Da einige Browser warten, bis die gesamte Tabelle übertragen wurde, um sie anzuzeigen, um sicherzustellen, dass sie die Spaltenbreiten für Inhaltsgröße angepasst haben, divs mit wahrscheinlich machen schneller, wenn Sie schauen für einen Durchschnitt über jeden Browser.

Dass gesagt wird, wenn Sie eine Tabelle benötigen, eine Tabelle verwenden.

Diese Frage sieht wie diese ähnlich zu sein: Warum Tabellen nicht in HTML-Code für das Layout verwenden? so könnte man dort einige der Antworten überprüfen will auch .

Generell Browser nicht einen Tisch machen, bis die gesamte Tabelle berechnet wurde, was bedeutet, dass aus der Sicht der Nutzer eine große Tabelle ist langsamer als die gleichen Inhalte mit CSS Styling anstelle von Tabellen. Ich arbeite mit einer Web-Anwendung an einem Punkt, die Tabellen wurde mit einem Raster von Statusinformationen angezeigt werden, und es war extrem intensiv angezeigt werden und sehr langsam. Die gleichen Informationen angezeigt CSS war schneller und was noch wichtiger ist, begann Zeile für Zeile angezeigt werden, wie es geladen wurde, sondern für die gesamte Tabelle zu warten, so dass es gefühlt schneller als Endbenutzer. Ich würde vorschlagen, CSS Untersuchung unter Verwendung der Daten für den Test mit einem Beispieldatensatz angezeigt werden soll. Das ist, was ich tat, um zu bestätigen, dass die Tabellen in der Tat viel langsamer für den speziellen Anwendungsfall waren wir hatten.

Wenn Sie CSS für das Layout verwenden und zu bewährten Verfahren halten und halten Sie Ihre CSS in einer separaten Datei (en) dann CSS benötigen normalerweise nur einmal heruntergeladen werden, bevor sie im Cache gespeichert ist, können Sie die Vorteile des Caching zu geben.

Wenn Sie Tabellen für das Layout dann Layout-Tabellen werden für jede Seite mit dem HTML gesendet werden, Ihre Bandbreite und Downloadzeiten zu erhöhen.

, um die Rendering-Geschwindigkeit von Tabellen zu verbessern, obwohl Sie Einstellung der Tisch-Layout: fixed; zu sehen, ob das hilft ..

Verschiedene Browser haben völlig unterschiedliche Javascript / CSS Leistung, also ist es sehr schwer, hier zu verallgemeinern. Zum Beispiel hat IE7 einen erschreckend langsam Motor, und Chrome ist Geist-bogglingly schnell. Firefox ist irgendwo dazwischen, depennding auf, wenn Sie mit 2 oder 3.

Ich würde nicht Rendergeschwindigkeit als der wichtigste Aspekt hier. HTML-Tabellen sind für tabellarische Daten. dass in eine Menge von DIVs setzen oder so würde in meinem Verständnis völlig falsch sein.

Wie die meisten der oben genannten Antworten würde ich auch sagen, dass Sie Tabellen verwenden, wenn Sie tabellarische Daten anzeigen, und DIVs, wenn Sie das Layout steuern möchten (mit CSS3). Entgegen der Annahme sind Tabellen beim Rendern nicht langsamer als DIVs wenn Sie einige Eigenschaften wie colgroup festlegen und das Layout unverändert lassen.Schauen Sie sich die Details dazu im folgenden Link an:

sites.google.com/site/spyderhoodcommunity/xhtml/makingtablesrenderfasterwhenlistingtabulardata

Für tabellarische Daten, verwenden Sie eine Tabelle. Tische sind mit allen Arten von netten Features, wie <thead> und <tfoot> Tags, Legenden, Titel, Titel, usw. Alles, was Sie brauchen, ist einen Tisch, einen Tisch zu machen.

Auch wenn die CSS funktioniert nicht / nicht geladen / spielt keine Rolle, wird die Tabelle immer noch so aussehen und arbeiten es sollte.

persönlich von dem, was ich gelesen habe, wenn Sie tatsächlich tabellarische Daten präsentieren, eine Tabelle besser geeignet für die Aufgabe ist, ich persönlich finde hae, dass ziemlich wahr zu sein.

Wie für rohe Zahl von dem, was „schneller“, wie @skaffman erwähnt hängt es von den Browsern ... aber „korrigieren“ zu sein, wäre es sinnvoll, einen Tisch für tabellarische Daten zu verwenden.

Answer 3

Wenn Sie wirklich tabellarische Daten haben, verwenden Sie dann Tabellen. Die Idee, dass man sollte nie Tabellen für alles verwenden war eine falsche Erweiterung des richtigen Konzepts, dass Sie HTML-Tags nur für den vorgesehenen Zweck semantischen verwenden sollten. Das bedeutet, dass die Verwendung CSS für das Layout, sondern verwenden Tabellen für tabellarische Daten. Es bedeutet nicht, nie Tabellen verwenden.

Answer 4

Da einige Browser warten, bis die gesamte Tabelle übertragen wurde, um sie anzuzeigen, um sicherzustellen, dass sie die Spaltenbreiten für Inhaltsgröße angepasst haben, divs mit wahrscheinlich machen schneller, wenn Sie schauen für einen Durchschnitt über jeden Browser.

Dass gesagt wird, wenn Sie eine Tabelle benötigen, eine Tabelle verwenden.

Answer 5

Diese Frage sieht wie diese ähnlich zu sein: Warum Tabellen nicht in HTML-Code für das Layout verwenden? so könnte man dort einige der Antworten überprüfen will auch .

Generell Browser nicht einen Tisch machen, bis die gesamte Tabelle berechnet wurde, was bedeutet, dass aus der Sicht der Nutzer eine große Tabelle ist langsamer als die gleichen Inhalte mit CSS Styling anstelle von Tabellen. Ich arbeite mit einer Web-Anwendung an einem Punkt, die Tabellen wurde mit einem Raster von Statusinformationen angezeigt werden, und es war extrem intensiv angezeigt werden und sehr langsam. Die gleichen Informationen angezeigt CSS war schneller und was noch wichtiger ist, begann Zeile für Zeile angezeigt werden, wie es geladen wurde, sondern für die gesamte Tabelle zu warten, so dass es gefühlt schneller als Endbenutzer. Ich würde vorschlagen, CSS Untersuchung unter Verwendung der Daten für den Test mit einem Beispieldatensatz angezeigt werden soll. Das ist, was ich tat, um zu bestätigen, dass die Tabellen in der Tat viel langsamer für den speziellen Anwendungsfall waren wir hatten.

Answer 6

Wenn Sie CSS für das Layout verwenden und zu bewährten Verfahren halten und halten Sie Ihre CSS in einer separaten Datei (en) dann CSS benötigen normalerweise nur einmal heruntergeladen werden, bevor sie im Cache gespeichert ist, können Sie die Vorteile des Caching zu geben.

Wenn Sie Tabellen für das Layout dann Layout-Tabellen werden für jede Seite mit dem HTML gesendet werden, Ihre Bandbreite und Downloadzeiten zu erhöhen.

, um die Rendering-Geschwindigkeit von Tabellen zu verbessern, obwohl Sie Einstellung der Tisch-Layout: fixed; zu sehen, ob das hilft ..

Answer 7

Verschiedene Browser haben völlig unterschiedliche Javascript / CSS Leistung, also ist es sehr schwer, hier zu verallgemeinern. Zum Beispiel hat IE7 einen erschreckend langsam Motor, und Chrome ist Geist-bogglingly schnell. Firefox ist irgendwo dazwischen, depennding auf, wenn Sie mit 2 oder 3.

Answer 8

Ich würde nicht Rendergeschwindigkeit als der wichtigste Aspekt hier. HTML-Tabellen sind für tabellarische Daten. dass in eine Menge von DIVs setzen oder so würde in meinem Verständnis völlig falsch sein.

Answer 9

Wie die meisten der oben genannten Antworten würde ich auch sagen, dass Sie Tabellen verwenden, wenn Sie tabellarische Daten anzeigen, und DIVs, wenn Sie das Layout steuern möchten (mit CSS3). Entgegen der Annahme sind Tabellen beim Rendern nicht langsamer als DIVs wenn Sie einige Eigenschaften wie colgroup festlegen und das Layout unverändert lassen.Schauen Sie sich die Details dazu im folgenden Link an:

sites.google.com/site/spyderhoodcommunity/xhtml/makingtablesrenderfasterwhenlistingtabulardata

Answer 10

Für tabellarische Daten, verwenden Sie eine Tabelle. Tische sind mit allen Arten von netten Features, wie <thead> und <tfoot> Tags, Legenden, Titel, Titel, usw. Alles, was Sie brauchen, ist einen Tisch, einen Tisch zu machen.

Auch wenn die CSS funktioniert nicht / nicht geladen / spielt keine Rolle, wird die Tabelle immer noch so aussehen und arbeiten es sollte.

Answer 11

persönlich von dem, was ich gelesen habe, wenn Sie tatsächlich tabellarische Daten präsentieren, eine Tabelle besser geeignet für die Aufgabe ist, ich persönlich finde hae, dass ziemlich wahr zu sein.

Wie für rohe Zahl von dem, was „schneller“, wie @skaffman erwähnt hängt es von den Browsern ... aber „korrigieren“ zu sein, wäre es sinnvoll, einen Tisch für tabellarische Daten zu verwenden.