Jquery Mobile Web应用程序的性能增强

Question

可以实现哪些技术来提高Jquery Mobile Web应用程序的性能（没有使用Phonegap等。只是一个普通的JQM移动Web应用程序）？我们已经完成的事情包括以下内容。

1. 缩小JS，CSS文件。
2. 使用字体图标和图像精灵减少或最多没有图像。
3. 使用mincss删除了不需要/未使用的CSS。
4. 使用数据增强=＆＃34; true＆＃34;尽可能。
5. 使用最新的JQM和JQuery库（ofcourse =））
6. 尽可能使用页面缓存。
7. 未完成图像缩放。在需要时可以获得不同尺寸的图像。

还可以采取哪些措施来提高绩效？我们可以在HTML，CSS和/或Javascript / Jquery / Jquery Mobile中做些什么改变来进一步提高性能？

问候。

Shreerang

Answer 1

我在列表中看到的一个主要项目是将页面上的元素数量减少到最低限度。您可能在页面上有额外的div，span等，甚至没有意识到它。浏览器不仅需要花时间渲染每个元素，如果更改了父元素的样式，也必须重新计算每个子元素的样式！

查看页面以图形方式查看嵌套的好方法是使用Firefox的3D布局视图检查页面：https://developer.mozilla.org/en-US/docs/Tools/3D_View并检查是否可以删除或组合任何元素。

参考文献：

雅虎最佳做法：https://developer.yahoo.com/performance/rules.html#min_dom

Google最小化浏览器重排：https://developers.google.com/speed/articles/reflow