javascript - 从 PHP 或 Javascript 加载 HTML？

Question

关闭。这个问题是opinion-based .它目前不接受答案。












想改进这个问题？更新问题，以便 editing this post 可以用事实和引用来回答它.

8年前关闭。




Improve this question




我正在开发一个非常大/复杂的单页应用程序，并且我正在尝试不同的技术来提高我的性能。

我的应用程序使用了许多 ui 小部件(来自 jquery ui 和 jqWidgets 库)，目前我加载所有 html 并在页面加载时初始化所有小部件(无论是否使用小部件，即弹出窗口已初始化并保持隐藏直到被召唤)。

我意识到我可以通过只加载用户将要使用的小部件来节省一些资源，就在它们需要之前，非常标准。所以我这里基本上有两个选择:

1.) 我可以将所有 HTML 移动到注入(inject)(附加)相关 html 的 javascript 文件中，然后在调用小部件之前初始化小部件，如下所示:

$("#widgetWrapper").append("<div id='newWidgetID'></div>");
$("#newWidgetID").methodToCreateWidget();

2.) 除了通过 ajax 从服务器检索 HTML 之外，我可以做与上面基本相同的操作。

优点/缺点

我对客户端-服务器性能并不精通，但我在这里看到了一些明显的优缺点，通过将 HTML 移动到一个执行我所有 DOM 操作的 javascript 文件中，我并没有减少我的网站在页面加载时所需的数据量，我只是将数据从 html 正文转移到 js 文件中，但我正在大幅减少初始 DOM 元素的数量。

我唯一害怕的方法 2 是一个缓慢的客户端-服务器连接可能会导致我的 ui 响应时间出现不小的延迟。

关于如何解决这个问题有什么建议吗？我非常倾向于方法 1 ，行业标准是什么？或者我应该说“去死吧”，然后继续加载并预先初始化所有内容(登录时等待很长时间，但 ui 响应很快)，并希望浏览器继续在 JS 性能领域取得跨越式发展(使用当然 IE 除外)。

Answer 1

我认为你需要看看你的听众是什么。我也倾向于#1，原因很简单，当你真正需要的时候加载它对用户来说更友好，尤其是对于漫游连接的用户。一个讨厌的副作用可以是个性化的内容，你需要防止缓存:http://api.jquery.com/jquery.ajax/

#1 在我看来更胜一筹，因为它减少了初始加载时的带宽，减少了初始加载时的 DOM 加载(这对于使用较旧浏览器和较慢连接或移动设备的用户来说改善了很多)。缺点是加载页面时并非所有“框架”或“小部件”都被加载，但我认为使用小型微调器或类似的东西是理所当然的。