一次加载网页而不是分段加载[重复]

【问题标题】：Have web page load at once instead of in pieces [duplicate]一次加载网页而不是分段加载[重复]
【发布时间】：2015-03-08 04:07:23
【问题描述】：

我有一个包含大量表格数据的 html 页面，一个带有一些样式的 css 页面，以及一些带有排序和过滤等内容的 javascript 页面。

当我点击页面时，我看到元素出现，然后在加载时进行调整。例如，表格标题以特定大小开始，然后调整为不同大小。

我希望元素出现它们的最终外观和位置。这是否意味着整个页面一次加载，或者每个元素以某种方式一次加载其最终外观，我都可以。

这可能吗？谢谢！

【问题讨论】：

【解决方案1】：

如果你想做，我不推荐，我觉得很烦，使用JS或JQuery：
jQuery：

   $(window).load(function(){
       $('.overlay').fadeOut();
    });

HTML：

<noscript><style>.overlay{display:none;}</style></noscript>
<div class="overlay">Loading...</div>

CSS：

.overlay{
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
background:#222021;
color:white;
z-index:999;
}

当页面加载时，覆盖消失。

JSFiddle Demo

【讨论】：

【解决方案2】：

我不确定，但是...尝试在标签内链接你的 CSS 文件。我认为这样 CSS 文件会在 .

中的所有内容之前加载

【讨论】：