iPad网站优化

我们公司为企业开发大型企业解决方案（网站）。在批准支持苹果iPad后，我们发现我们的网站速度非常慢。所以，我的任务是通过优化GUI（Html、JS…）来优化iPad的性能，因为应用程序的服务器部分速度非常快。
我发现了一些客户认可的解决方案技巧：
*减少网格列数，只留下最有用的列。
*关闭所有动画。
*尽可能减少大小调整。
当然，我缩小了所有脚本和样式表。

---

你能给我一些关于如何提高性能的建议吗？

有几点，其中许多适用于桌面web，它们只是良好实践的一部分

无特定顺序：

• 删除额外的空白和HTML/CSS/JS注释
• GZip所有基于文本的内容（HTML、CSS、JS）
• 优化您的所有图像（例如，使用类似的服务）
• 将图像/静态内容移动到单独的服务器（增加HTTP管道），并且不要在该服务器上提供cookie
• 不要提供任何他们不需要的东西（如果可能的话）
• 不要缩小客户端上的图像，从服务器上提供缩小版本
• 由于大多数移动浏览器都能很好地处理CSS，所以可以转换表中呈现的数据的“列表”，以使用无序列表等
• 从像Google这样的CDN提供jQuery这样的通用脚本
• 大多数移动浏览器支持某种离线缓存或本地轻量级数据库——如果有任何可以缓存的东西来减少将来的负载，请考虑这样做：
• 如果你想得到真正的幻想，你可以做的事情，如不直接加载图像。。。然后在页面上检查当前正在查看的图像（或稍微延迟），并根据需要加载它们。。。这将在很大程度上取决于内容
• 如果适用，考虑延迟搜索结果的加载（例如，类似于Twitter流，可能只加载前20个项目，然后根据需要仅加载其他项目）

---

我想告诉大家一些实际的事情：
• 避免在你的页面上使用iFrame，因为它们在iPad上不能正常工作
• 使用像Sencha touch这样的库，它针对iPad进行了高度优化
• 使链接或按钮具有较大的touvh区域，因为用户可能会对错误的链接单击感到沮丧
• 避免使用CSS绝对定位元素
还要多加几点,
• 最好将“元视口”设置为“宽度=设备宽度”……这样可以确保视口是基于设备设置的，而不是硬编码的
• 避免在iPad CSS中使用CSS:hover属性…它们可能会导致不必要的问题（错误的hover）

---

真的，只有最后一个项目与iPad/mobile特定优化有关。我想这取决于你的观点。除了上面列出的项目外，我认为你需要决定你是否想要一个完全专业化的移动/平板电脑视图……如果是这样，还有很多事情可以做，但我认为你需要做出不同的承诺我不想充分利用它。