0

テーブルの行に表示される多数のフィールドで構成される Web ページを設計する必要があります。いくつかのカテゴリがあります。カテゴリごとに別のテーブルを作成し、異なるデザインにしたいと考えています。

Web ページに多数のテーブルが存在すると速度が低下しますか? それぞれ10行の10個のテーブルと100行の単一のテーブルのどちらが良いですか? ページの読み込み速度に大きな違いはありますか?

4

1 に答える 1

0

そのようなことを行うには、1 つのテーブルを使用することをお勧めしますが、tad 要素と tbody 要素を多用して、個々のセクションを含めることをお勧めします。

編集：少しテストを行いましたが、どちらを使用しても大幅な増加は見られませんでした。私のマシンでは、10000 行 5 列の 1 つのテーブルと、それぞれ 1000 行 5 列の 10 個のテーブルのページ生成時間が約 1800 ミリ秒 (被験者ごとに 10 回のテストを使用して平均) になりました。

テストに使用するコード:

<html>
    <head>
        <script type="text/javascript">
            var start_time = (new Date()).getTime();

            function detectTimeDiff(){
                alert("Time taken:  "+((new Date()).getTime() - start_time)+" milliseconds.");
            } 
        </script>
    </head>
    <body onload="detectTimeDiff()">
        <?php
            $multiple_tables = true;
            $table_count = 10;

        ?>
        <table>
        <?php
            $table_count--;

            for($i=0;$i<10000;$i++){
                if($multiple_tables){
                    if($i%$table_count == 0){
        ?>
        </table>
        <table>
        <?php
                    }
                }

        ?>
        <tr>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <?php
            }
        ?>
        </table>
    </body>
</html>
于 2012-08-29T09:50:52.570 に答える