包含许多列的HTML表格需要很长时间才能呈现

时间:2016-01-19 15:25:24

标签: php html

我正在尝试制作一个假期的“地图”,为此我每个月都需要他们在标题中的每一天以及左栏中每位员工的姓名,直到那里我没有问题,问题浏览器加载时间太长,加载后它会使用主题标签打破导航(无法在“内容”部分加载其他视图)。

构建标题:

$year_start = new DateTime('1-1-2016');
$year_end = new DateTime('1-5-2017');
$period = new DatePeriod($year_start, new DateInterval('P1D'), $year_end);
$period_m = new DatePeriod($year_start, new DateInterval('P1M'), $year_end);

<thead>
    <?php
    echo '<tr>';
    echo '<th colspan="2"></th>';
    foreach ($period_m as $month){  
        echo '<th style="text-align:center;" colspan="'.cal_days_in_month(CAL_GREGORIAN, $month->format('m'), $month->format('Y')).'">'.$month->format('F').'</th>';
    }
    echo "</tr>";
    echo "<tr>";
    ?>
    <th> Name</th>
    <th> Department</th>
    <?php
    foreach($period as $day){
        echo "<th>" . $day->format('j')."</th>";
    }
    echo "</tr>";
    ?>
</thead>`

建立身体(这需要很长时间)

<tbody >
        <tr>
            <td><?=$user['name']?></td>
            <td><?=$user['department']?></td>
        <?php
        foreach($period as $day){
            if ($day->format('N') === '7' || $day->format('N') === '6') {
                echo '<td class="weekend"></td>'; 
            }else if(in_array($day->format('Y-n-j'), $holidayDays) || in_array($day->format('*-n-j'), $holidayDays)){
                echo '<td class="holiday"></td>'; 
            }else{
                if(isset($user['dates']) && in_array($day->format('Y-n-j'),$user['dates'])){
                    echo '<td class="user-holiday"> 1 </td>'; 
                }else{
                    echo '<td></td>';   
                }
            }
        }
        ?>
        </tr>
    <?php       
    }
    ?>
    </tbody>

对于Firefox开发人员,我试图分析速度,最慢的是那些:

Recalcute Style duration = 5 905,15 ms

布局持续时间= 3 289,58 ms

此页面中没有javascript。

0 个答案:

没有答案