我如何编写像gmail这样的高效移动网站？

Question

我的网站有不同的移动版本，适合iPhone / Android设备。然而，问题似乎在于网站的性能。它真的很慢而且很重，即使我没有加载任何图像。

另一方面，当我使用Gmail或YouTube的移动版时，它们的速度非常快，几乎就像原生移动应用程序一样。

他们是如何做到的？

非常感谢您的帮助：）

Answer 1

查看我的评论。此外，如果您感知的缓慢是与网站交互时，可能是因为它缺乏接受触摸事件的能力。在移动网络上，如果您没有连接用于js触摸事件的UI，则体验将变得更慢，因为设备浏览器必须回退到标准点击和其他不是最佳的鼠标事件。诸如mootools和jquerymobile / jqtouch之类的框架将这些活动融入其中。看看有很好写的mootools解决方案：http://davidwalsh.name/mootools-touch

Answer 2

他们可能正在使用本地存储http://dev.w3.org/html5/webstorage/ 你的网页太大了吗？尝试使用gzip和/或减少输出 服务器的连接速度也可能导致速度缓慢

Answer 3

好吧，你不需要包含任何javascript框架来快速点击它。

通过实现一些JavaScript，您可以实现这一目标。谷歌已经发布了一个解决方案

https://developers.google.com/mobile/articles/fast_buttons

这将允许访问者以应用程序本机方式进行交互。从Android 4（据我记忆）版本通过设置viewport元标记，浏览器将自动应用快速点击功能。

对于动画问题，请始终使用硬件加速动画，并使用旧版移动浏览器。使用硬件加速动画，它将使您的应用程序像丝绸一样流畅。

遵循此指南，您可以像gmail / youtube移动版一样快速创建应用程序。

http://www.html5rocks.com/en/tutorials/speed/html5/

祝你好运。

Answer 4

您的网络应用程序消耗了太多内存。不要使用这么多的库，也不要附加这么多的事件处理程序。