javascript - 移动 Webapp：用 PHP 或 Javascript 呈现数据列表？

Question

我目前正在开发一个针对移动设备的 webapp，它基本上由几个长而复杂的列表、大量数据、可折叠的级联元素组成。

我正在将数据显示为 XML，现在我看到它有两个选择：

• 在服务器上构建列表并将 HTML 发送到客户端
• 将 XML 发送到客户端，使用 Javascript/jQuery 构建列表

不确定哪个更有效，传输的数据越少越好，（尤其是旧的）手机上的负载越少也是好的。

我没有看到的任何其他优点/缺点？建议？

Answer 1

您发送的数据越少越好。

我经常喜欢制作一页的应用程序。所有需要的数据都通过 AJAX 或 Web Sockets 加载（查看 Socket.IO 以获得一个很好的包装器，它与不直接支持 Web Sockets 的移动浏览器兼容）。这样，您可以获得更流畅的用户体验，并在执行此操作时节省带宽。

这种方法的缺点是SEO。搜索引擎不会运行您的 JavaScript，因此不会索引您正在显示的任何数据。对于类似“应用程序”的站点，这通常不是问题。如果您的网站更多基于内容，那么这对您来说可能是个问题。有很多方法可以解决这个问题，而渐进式增强对解决这个问题大有帮助。您需要决定这是否适合您和您的情况。

Answer 2

Nicholas C. Zakas 关于velocity 2013 的介绍可以帮助您。 JavaScript 已经够了。性能或 js 渲染非常糟糕，尤其是对于移动 webapp。我们在某些应用程序中将数据列表表单 js 的呈现更改为 php。您应该尝试比较性能或这两种方式，并选择更好的一种。我建议你在 php 中渲染大列表，只是为了性能。