为手机优化
极客
网站苗条术
@特约记者 汪泓瀚
绝大多数用户手机上网,都非常关心流量消耗。为了博取用户的欢心,浏览器或第三方移动优化服务都会将网站移动化以此减少流量。那网站的移动化是怎么实现的?
普通网站很“肥”
提要:网站移动化是在减少流量的前提下提供优质服务。
电脑报:普通网站为什么要移动化?
魏伟:普通网站如果进入移动平台,很容易就出现以下三个问题,而移动化的目的就是解决这些问题,让网站很好地适应移动平台。
问题1:内容过多浪费流量
普通网站默认条件下,很可能有很多图片、视频和音频等富媒体元素,直接访问流量要超过数MB,这对很多流量包月的手机用户来说,是承受不起的。它是网站移动化的最重要的目标。
问题2:界面布局不适应移动平台
手机(平板)屏幕的尺寸和分辨率决定了无法在视野范围内看到普通网站的全部内容,只能通过滚动条的拖动和屏幕的放大缩小来辅助实现,这是一个很差的用户体验。
问题3:可能存在不兼容
脚本对各种浏览器的兼容性是一件很重要的事情,事实上一些普通网站对电脑中的浏览器都无法完美兼容,更何况是手机浏览器。


移动化前后页面比较
瘦身是这样完成的
提要:过滤和压缩是网站移动化的关键。
电脑报:网站移动化后能带来这么多好处,那整个移动化的是如何完成的?
魏伟:不同厂商的移动优化服务各有差异,但大多数都是直接访问网页并优化,下面我来谈谈这种主流模式。手机在访问某个网站时,接入移动优化服务,服务中包含了若干引擎,有数据同步引擎、图形压缩引擎和通信压缩引擎,服务根据移动终端类型来决定返回WAP网站还是HTML网站。
·数据同步引擎做的事情不仅仅是网页内容的数据同步,还支持WebService、AJAX、邮件服务等数据同步。
·图形压缩引擎和通信压缩引擎,是减少流量的重要手段,并可以解决图片兼容性问题,例如手机想查看无损图片,则图形压缩引擎会将无损图片自动转换成JPG图片,并发送给手机。
·脚本解析服务最重要的作用是将无关紧要的数据过滤掉,向移动终端返回期望的数据,仅此一项就减少流量50%以上。

网站移动化流程图
采访UC浏览器
UC浏览器是老牌移动浏览器,且用户数在所有移动浏览器中数一数二。因此我们采访了UC优视公司的Ray,请他为大家聊聊UC浏览器是如何优化页面的。Ray是高级工程师,是UC浏览器的主力开发者之一。
Ray:一些智能手机的自带浏览器或第三方手机浏览器的工作原理是用户上网时,直接访问Web网页并进行优化,而UC浏览器则不同,我们采取的是云端架构,让用户通过我们的云服务器访问Web网页(用户从手机端发出请求到手机端完成页面解析,只需要几秒钟)。
换句话说,UC浏览器用户对某个Web网页的访问请求会先发送到UC的云服务器,云服务器再对Web网页内容进行访问,经过UC云服务器的中转和优化之后,Web网页的内容才会发送到用户使用的UC浏览器上。
我们在解析Web页面的请求的时候,首先会利用服务器对页面进行预处理,将页面中的内容进行预解析和转码处理,例如当页面出现JavaScript、CSS等手机端无法很好实现的元素的时候,服务器会采用高容错机制进行自动过滤。当页面出现图片的时候,服务器会根据终端返回的屏幕参数对图片进行匹配压缩。
同时假如用户采取了默认“适应屏幕”模式浏览网页,UC云服务器会智能识别用户手机的屏幕尺寸,将页面进行重排再发送到用户的UC浏览器上,考虑到上网浏览页面的特性,这些处理都是实时的。
经过我们的统计,采用云端架构的UC浏览器内核最多可以帮助用户节省90%的流量。

微博:http://weibo.com/u/1496911062
博客:http://blog.csdn.net/yizia
魏伟,33岁,和朋友一起参与了多种移动APP的开发,涉及通信录、手机邮箱、小说阅读器等常见APP。
我的主要精力是研究移动APP开发,这个是我的工作,要靠这个养家糊口。研究网站的移动化纯属意外。有一次,我在手机上访问某个大量frame框架结构的网站,发现浏览器的移动优化服务很不给力,于是就顺手研究了这个问题。
最初只是好奇,也没有多余的想法,后来跟朋友聊天时萌发了开发一个移动优化服务模块的想法,于是说做就做,没有多久就搞定了(wap.crm.cn),再后来就利用它给一些公益网站提供移动优化服务。其实,在我看来,开发一个产品有时候不仅仅是领导要求或者为了赚钱,只要自己感兴趣,就可以去做。看到别人称赞你的产品,心里也有一种成就感和自豪感。

魏伟的工作台(APP要跨平台需要在多款手机中测试)

魏伟设计APP时的界面
历史:第一个计算机密码是谁发明的
世界上第一个计算机密码是谁发明的?第一个计算机密码来自于麻省理工学院的兼容分时系统(Compatible Time-Sharing System),该系统在极客的圈子里是很出名的,它是许多我们今天所熟知的互联网服务和电脑功能的先驱(例如电子邮件、即时通信等)。那世界上第一起密码泄露案是谁干的?
帖子:http://go.icpcw.com/f/jk061.htm
@江苏 魏风迎
移动技术:揭秘Android的异步任务
AsyncTask可以创建异步任务,并自动将结果传给界面线程。什么是异步任务呢?通俗易懂地说就是有先后顺序的任务,例如先吃饭再看电视,这样吃饭和看电视就是异步任务,如果一边看电视一边吃饭,那吃饭和看电视就是同步任务的。AsyncTask是怎么使用?它能为系统带来哪些具体的好处?
帖子:http://go.icpcw.com/f/jk063.htm
@广西 古墓丽人
Web技术:记住密码功能的正确设计
网站的记住密码功能要是设计不好,就会留下安全隐患,一旦被黑客发现,后果不堪设想,轻则普通用户的账号和密码外泄,重则管理员账号和密码外泄,并被黑客潜入后台控制整个网站。记住密码功能,哪些设计方式是错误的或者说有隐患,哪些设计方式是正确的或者说安全性更高?
帖子:http://go.icpcw.com/f/jk066.htm
@北京 泡龙井晒太阳
创意:国外26个新潮导航设计
导航在网站设计中是非常重要的,它引导着用户进行浏览和查找网站中的更多内容。一个良好的导航系统能让用户在离开网站时感觉享受了一次愉快的旅程,因此导航的布局需要和网页内容完美地融合在一起。当前,很多网站的导航都千篇一律,实在枯燥乏味。大家不妨看看国外新潮的导航设计。
帖子:http://go.icpcw.com/f/jk068.htm
@内蒙古 张同