Html 引导增加了整个页面的大小

Html 引导增加了整个页面的大小,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,我有一份报告,它使用基本的HTML表格加载了大约2000-2500行,通常需要5-10秒,内容大小大约为5MB(根据chrome网络统计数据)。 现在,当我使用引导类实现相同的报告时,为了让它看起来更漂亮,加载内容大小约为25MB的相同报告大约需要25-30秒。 我在谷歌上搜索并找到了许多相同的原因,并实现了所有这些功能,如gzip压缩、缩小css、js。加载时间仍然保持不变,而且我的报告中没有使用图像,只是表中的文本 <!--Old HTML--> <div> &

我有一份报告,它使用基本的HTML表格加载了大约2000-2500行,通常需要5-10秒,内容大小大约为5MB(根据chrome网络统计数据)。

现在,当我使用
引导类
实现相同的报告时,为了让它看起来更漂亮,加载内容大小约为25MB的相同报告大约需要25-30秒。 我在谷歌上搜索并找到了许多相同的原因,并实现了所有这些功能,如gzip压缩、
缩小css
js
。加载时间仍然保持不变,而且我的报告中没有使用图像,只是表中的文本

<!--Old HTML--> 
<div>
  <table>
      <tr>...nested tables & html simple buttons with no classes</tr>  
  </table>
</div>

<!--NEW HTML :-->
<div class="row">
    <div class="col-lg-n">
       <table class="table table-condensed table-hover mytable">
              nested tables + bootstrap button 
       </table>
    </div>
</div>

…嵌套表和html简单按钮,不含类
嵌套表+引导按钮

任何帮助都将不胜感激

你能给我们举一个你的html的例子吗,也许是你的引导版本和非引导版本中的一个表格行。。此外,每个表都用div.row和col-lg-n*旧html包装:…@Vibhas如果你编辑答案,会更容易理解。这对于引导来说是一个很大的跳跃-我使用CDN来处理CSS/脚本,它会增加大约1-2秒maxBootstrap有很多已加载但未使用的CSS,可能想试着定制引导,这样你只需要得到你需要的。