更好的装载顺序？

Question

我有一个侧边栏，里面有很多功能。它工作得很好，但是现在我有一个模块需要加载（它使用file_get_contents()进行3次请求，尽管它们被缓存）。这需要一分钟，因此该网站看起来已经破了一分钟。

我认为这是因为它就像这样

<aside class="sidebar">
    <div class="module one">Stuff</div>
    <div class="module two">Stuff</div>
    <div class="module three">Stuff</div>
    <div class="module four">Stuff</div>
    <div class="OMG I TAKE A SECOND TO LOAD">FOOBAR</div>
</aside>

我认为它解析了最后一个div，因此实际上并没有关闭侧边栏。

我的问题是，在长加载div加载之前，是否有一个“好”（最好是无javascript）的方式来加载所有侧边栏并关闭它？

Answer 1

“javascriptless”将是这里的问题。如果您希望快速向用户发送整页，然后异步加载该页面上的一些“较重”组件，那么最好的选择是ajax。实际上，对于具有外部依赖性且不是用户页面访问的主要主题的页面的所有组件，建议稍微大量地执行此操作。

这可能需要一些工作，但现代的js库可以完成所有客户端繁重的工作。您只需要为每个侧边栏div（或至少是异步加载的那些）制作不同的URL。

你正在思考，这是一个很好的架构（不要让用户在边栏中等待东西！）。