您可以通过以下方式提高应用程序的速度：
1.使用您项目中包含的 js 的缩小版本。
2.避免使用更大尺寸的图像。使用与 Web 兼容的 PNG 文件调整它们
优化图像
使用 CSS 精灵表
.icon {
width: 14px; height: 14px;
background-image: url("glyphicons-halflings.png");
}
.icon-glass {
background-position: 0 0;
}
.icon-music {
background-position: -24px 0;
}
.icon-search {
background-position: -48px 0;
}
使用正确的图片尺寸（不要在 HTML 中缩放图片）
在可扩展的分布式系统（即 S3）上托管映像
避免图像出现 404
<img src="{{pic}}" onerror='this.src="nopic.jpg"'/>
3. 避免使用过多的 CSS.Limit Shadows and Gradients 链接 box-shadow,border-radius,gradients,text-align
尝试禁用一些减慢它的 CSS（Simon MacDonald 的想法）。在您的 jquery mobile .css 文件中，将其添加到底部：
* {
text-shadow: none !important;
-webkit-box-shadow: none !important;
-webkit-border-radius:0 !important;
-webkit-border-top-left-radius:0 !important;
-webkit-border-bottom-left-radius:0 !important;
-webkit-border-bottom-right-radius:0 !important;
-webkit-border-top-right-radius:0 !important;
}
4. 使用 CSS 过渡 + 硬件加速 使用原生滚动
5. 如果您使用任何 Live url 来获取 JS，最好下载它们并在本地使用。
6. FastClick FastClick 是一个简单易用的- 使用库，用于消除移动浏览器上物理点击和点击事件触发之间的 300 毫秒延迟。（jjsquared 的想法）
7. 使用 Slpash 屏幕。
8. 仅在必要时避免使用框架。尝试做出响应式设计。
9. 不要在服务器上生成 UI。在客户端用 JavaScript 创建 UI
10. 尽量减少回流
- 减少 DOM 元素的数量。
- 在“离线”之前尽量减少对 DOM 更新元素的访问
重新插入 DOM。
- 避免在 JavaScript 中调整布局
慢
$("#header a.back").on("click", clickHandler);
$("#header a.back").css("color", "white");
$("#header a.back").css("text-decoration", "none");
$("#header a.back").attr("href", "#");
快速
var $backButton = $("#header a.back");
$backButton.on("click", clickHandler);
$backButton.css("color", "white");
$backButton.css("text-decoration", "none");
$backButton.attr("href", "#");
11. 避免网络访问
不要制作依赖网络的应用程序来获取内容
$.ajax({url: "services/states"}).done(function(data) {
states = data;
});
使用缓存静态数据本地存储、数据库和文件
慢
$.ajax({url: "slow/feed"}).done(function(data) {
});
快速
dataAdapter.getItems().done(function(data) {
});
12. 不要等待数据显示 UI
// Display view
displayView();
// Get data
$.ajax({url: "product/101"}).done(function(product) {
// Update view
});