开发wap页面注意的细节

之前给国内一家综合性金融公司开发wap版系统。上线用手 机内测时发现网站显示特别慢。然后感觉是页面大小太大导致下载消耗时间较多，因为手机 浏览带宽本身就很小。可是之后访问了下“空中网”等其它wap站点后，发现它们的页面也不会比我们的小，但是速度却快多了。比如访问我们的首页要6-8 秒，可是它们只需要2秒左右即可完全渲染。

当在电脑上用oper测试（用一些限速工具把服务的上传速度限制为1K/s，这样可以模拟手机的慢网速）时，发现我们开发的网站渲染时间也不慢。一旦用真机测试，时间就长了很多。可是在手机上没有相关工具软件（像httpwatch）监控时间耗在哪里了。

好在公司以前有一款产品，可以用USB接在电脑上用SIM卡拨号上网，这样就可以在PC上模拟出手机上网的真实环境。然后借助HTTPWATCH之类的工具发现了原因。其实这个原因在雅虎的前端工程师写的一本书里（《高性能网站建设指南》）里提到过 ：合并脚本和样式表 。

如果遵循软件工程师所推荐的方式和模块化的原则将代码分开放到多个小文件中，会降低性能，因为每个文件都会导致一个额外的HTTP请求。

因为我们的网站用到了外联样式表（link标签），这样会导致多个http请求建立连接。这在PC端我们或许感觉不到。但是对走移动网关的网络tcp连接的建立估计更耗时。

 

总结：

在做wap开发时（WEB不谈），要注意几点：

• 页面要尽可能小（不超过10K最好）。下载页面快，流量小（用户更省钱）
• CSS，JS其它文件用内联的形式（jsp里用include标签）