为Android的浏览器优化网站的技巧？
我正在寻找优化Android浏览器网站devise的技巧，技巧和资源。
我正在构build一个Android应用程序，其中一些function将通过Web界面访问。
我依靠两个元素来优化移动浏览器（特别是Android和iPhone）的网站：
元标签：手持式的友好和视口
通常我希望页面的页面宽度不要超过800到900像素，因为Android和iPhone浏览器默认设置为。 为了使页面宽度与设备宽度相同，我设置了以下元标记：
<meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, height=device-height, user-scalable=no" /> CSS媒体查询
我使devise适应页面宽度。 例如，大屏幕有2列内容，小屏幕和列印有1列。 所以我包括进主要的CSS文件进一步CSS包括与媒体查询：
@import url(style-screen.css) screen; @import url(style-small.css) print, handheld; @import url(style-large.css) screen and (min-width: 801px); @import url(style-small.css) screen and (max-width: 800px);
我发现将这两个meta标签添加到我的网站有很长的路要走：
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" /> <meta name="HandheldFriendly" content="True" />
这里有更多的信息： http : //learnthemobileweb.com/2009/07/mobile-meta-tags/
关于jQuery，有一个针对移动浏览器进行了优化的版本： http : //jquerymobile.com/
dev.opera有一些文章，当然不是为了android，而是在一般的移动网站上。 例如：
制作小型设备看起来不错
在现实世界中devise和开发移动网站
由于所有的移动网页都尽可能地减less了所有东西。
我不知道任何体面的Android资源，但我不会在JavaScript上疯狂。 如果Android与iPhone类似，那么当前的JavaScript性能将比在桌面上使用的要差很多。
