使用JQueryMobile时页面加载延迟2-3秒
使用JQueryMobile时页面加载延迟2-3秒
提问于 2012-08-30 17:06:53
我发现，如果我在iOS中加载一个网页，那么如果该页面使用JQueryMobile，那么初始加载需要大约2到3秒的时间。例如，以下页面几乎是瞬间加载的：
<!DOCTYPE>
<html>
<head>
<title>Hello</title>
</head>
<body>
<h1>Hello</h1>
</body>
</html>但是，这个文件需要几秒钟的时间才能加载：
<!DOCTYPE>
<html>
<head>
<title>Hello</title>
<link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.mobile-1.1.1.min.js"></script>
</head>
<body>
<h1>Hello</h1>
</body>
</html>我能做些什么来摆脱这种延迟吗？
谢谢
回答 4
Stack Overflow用户
发布于 2012-08-30 17:08:45
如果脚本耗时太长，您可以将它们移到页面底部：
<!DOCTYPE html>
<html>
<head>
<title>Hello</title>
<link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />
</head>
<body>
<h1>Hello</h1>
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.mobile-1.1.1.min.js"></script>
</body>
</html>再说一次，这样做会让我们更难准确地预测会发生什么以及何时会发生。但是DOM应该在阻塞脚本标记加载之前加载和呈现。
现在，您只需要弄清楚如何处理它。
Stack Overflow用户
发布于 2012-08-30 17:09:52
尝试将JS放在底部
<!DOCTYPE>
<html>
<head>
<title>Hello</title>
<link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />
</head>
<body>
<h1>Hello</h1>
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.mobile-1.1.1.min.js"></script>
</body>
</html>Stack Overflow用户
发布于 2012-08-30 17:13:03
您可以尝试将脚本标记放在页面的底部
<!DOCTYPE>
<html>
<head>
<title>Hello</title>
<link rel="stylesheet" href="jquery.mobile-1.1.1.min.css" />
</head>
<body>
<h1>Hello</h1>
</body>
<script src="jquery-1.7.2.min.js"></script>
<script src="jquery.mobile-1.1.1.min.js"></script>
</html>而且一切都应该加载得更快，但是脚本需要2-3秒
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12201995
复制相关文章
相似问题
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
