使用Ajax请求加载部分视图

Question

我的主页本身大概是25K，但我有几个PNG图像，一旦满载就会达到2 MEG左右。我正在考虑最初加载页面时没有任何图像（或没有包含所有PNG和一些HTML的横幅）然后一旦页面加载，使用jQuery / Ajax请求加载局部视图（其中包含图像和更多HTML）。我的问题是，ajax请求的完整功能是否只在所有图像实际加载后才会运行？而且，这是一个好主意吗？

Answer 1

使用众所周知的jQuery文档;

<script type="text/javascript">
    $(document).ready(function() {
        //JS Script
    });
</script>

当页面处于READY状态时执行Javascript。 I.E.，当页面准备好操作时，但图像并不一定要加载。在我看来，在稍后阶段远程请求图像是没有意义的，因为这只会给服务器带来更多负担，并且如果有的话，会增加页面的总体加载时间。 请放心，即使未加载图像，您的JavaScript也会被执行。

Answer 2

编辑： 我为最初误解这个问题而道歉。 您的浏览器将首先将所有非图形内容加载到DOM中，然后继续加载所有图像。在看到图像之前，您将看到内容。

但是，作为附注，我建议您使用这些2MB的图像做一些事情，它们需要一段时间来加载，特别是在拨号连接上。

希望这有帮助。