Laravel项目显示的是HTML的Flash，第一次加载时没有CSS

Question

我有一个Laravel项目。加载时，它仅显示HTML Flash，然后加载CSS的延迟很小。我该如何解决？

我尝试过预加载器，但先显示闪存，然后预加载器意味着预加载器之间仍然存在一些简单的HTML闪烁。

我在头文件中尝试过：

<div class="preloader"></div>
<script>
    $(window).load(function() {
        $('.preloader').fadeOut('slow');
    });

CSS：

.preloader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background-image: url("../img/loader.gif");
    background-repeat: no-repeat;
    background-color: #FFF;
    background-position: center;
}

Answer 1

将预加载器以外的其余代码放置在某个容器中，默认情况下，使该容器样式为display:none，而随着预加载器的消失，使该容器样式为display:block