iPad网站优化
iPad网站优化
提问于 2011-07-30 02:39:01
我们公司为企业开发大型企业解决方案(网站)。在批准支持苹果iPad之后，我们看到我们的网站速度非常慢。因此，我的任务是通过优化图形用户界面(Html ...)来优化iPad的性能，因为应用程序的服务器部分相当快。
我发现了一些解决方案的技巧，得到了客户的认可：
*减少网格列数，只保留最有用的列。
*关闭所有动画。
*尽可能减少调整大小。
当然，我简化了所有的脚本和样式表。
你能给我一些如何提高性能的建议吗？
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-07-30 02:53:35
有几件事，其中许多都适用于桌面web，因为它们只是良好实践的一部分。
没有特定的顺序：
- 删除多余的空格和HTML/CSS/JS注释
- GZip所有基于文本的内容(HTML，CSS，JS)
- 优化所有图像(例如，使用http://Smush.it之类的服务)
- 将图像/静态内容移动到单独的服务器(增强的HTTP管道)，并且不在该服务器上提供cookie
- 不要向“移动”提供他们不需要的任何内容(其中cookie在客户端缩小图像，由于大多数移动浏览器很好地处理CSS，转换在表格中呈现的数据的“列表”，以使用无序列表等。
- 从像
- 这样的CDN提供像jQuery这样的常见脚本。大多数移动浏览器支持某种类型的离线缓存，或本地轻量级数据库-如果您有任何可以缓存的东西来减少未来的负载，请考虑这样做
- 如果你想真正变得花哨，你可以做一些事情，比如不直接加载图像……然后在页面上检查当前正在查看(或稍微延迟)的图像，并根据需要加载它们……这样做的帮助将在很大程度上取决于content
- Consider延迟加载搜索结果(例如，推特流可能只加载前20个项目，然后只按需加载其他项目。
Stack Overflow用户
发布于 2011-07-30 22:35:13
我想告诉大家的一些实际情况是：
- 避免在页面上使用iframe。它们在iPad上不能很好地工作。
- 使用像Sencha touch这样的库，该库针对iPad进行了高度优化。
- 使链接或按钮具有较大的触摸区，因为用户可能会对不正确的链接单击感到沮丧。.
- 避免使用CSS绝对定位元素。
还要补充几点；
- 最好将元视口设置为width= device -width...这可确保您的视口是基于设备而不是基于设备设置的:在iPad CSS...They中使用CSS：
- 属性可能会导致不必要的问题(错误的悬停)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6877542
复制相关文章
相似问题
腾讯云开发者
