iPad网站优化

我公司为企业开发大型企业解决方案（网站）。在批准支持我们看到的Apple iPad后，我们的网站非常缓慢。所以，我的任务是通过优化GUI（Html，JS ...）优化iPad的性能，因为应用程序的服务器部分相当快。
我发现了一些解决方案的技巧与客户的批准：
*减少网格列数，只留下最有用的。
*关闭所有动画。 *尽量减少调整大小。
当然，我缩小了所有脚本和样式表。
你能否告诉我一些额外的建议如何提高性能？iPad网站优化

来源

2011-07-29 Sergey Metlov

有几件事情，其中很多都适用于桌面网络，以及它们只是良好实践的一部分。

没有特定的顺序：

删除多余的空格和HTML/CSS/JS评论
的GZip所有基于文本内容（HTML，CSS，JS）
优化所有的图像（如使用像http://Smush.it服务）
将您的图像/静态内容到一个单独的服务器（HTTP增加流水线），也不要在该服务器上服务饼干
：不要投放任何东西到“移动”他们并不需要（如果可能）
不要缩减客户端上的图像，担任缩小从服务器
版本由于最移动浏览器处理CSS好，转换数据的“名单”是呈现表，使用无序列表等
从CDN即成如jQuery通用脚本像谷歌
最移动浏览器都支持某种形式的离线缓存，或本地轻量级数据库的 - 如果有什么事情，你可以缓存以减少未来的负载考虑这样做
如果你想变得很花哨，你可以做一些事情，比如不直接加载图像......然后在页面上检查哪些图像当前在视图中（或稍微延迟），并根据需要加载它们......帮助这将取决于内容
考虑延迟搜索结果的负载（如果适用）（例如，比如只能加载前20项的Twitter流，然后只按需加载其他项目。

来源

2011-07-29 18:53:35 scunliffe

真的，只有最后一颗子弹有什么与iPad /移动专用优化。 –

我想这取决于你的观点。除了上面列出的项目符号之外，我认为您需要决定是否要为移动设备/平板电脑提供完全专业化的视图...如果是这样，还有更多可以完成的任务，但我认为您需要承诺采用不同的视图充分利用它。 – scunliffe

我想告诉的一些实际的事情是;

避免在您的页面上使用iframe。他们在iPad上不能很好地工作。
使用像Sencha touch这样的库，它为iPad高度优化。
使链接或按钮具有较大的touvh区域，因为用户可能因不正确的链接点击而感到沮丧。
避免使用CSS绝对定位元素。

另外要加几个点;

最好使用元视口设置作为宽度=设备宽度...这确保您的视口是基于您的设备设置，而不是硬编码。
避免使用CSS的：在你的iPad CSS悬停性能......他们可能会导致不必要的问题（假悬停的）

来源

2011-07-30 14:35:13 testndtv

iPad网站优化

回答

相关问题