Monthly Archives: 六月 2011

高性能移动web开发

高性能移动web开发 移动终端面临的主要问题: 网络数据传输延迟(即便是3G网络) CPU运算能力(即便是配有1GHz+的设备) 移动终端可以做的优化: 根据设备屏幕来选择加载资源 降低延迟,加快连接速度 提高处理性能 本文介绍了一些针对移动设备优化技术,特别针对高级智能系统(iOS,Android,WebOS)。 原文:http://iloves.org/2011/05/high-performance-mobile/ 译自:High-Performance Mobile 原作者:David Calhoun 请尊重版权,转载请注明来源! 针对屏幕来优化图片 移动设备有不同屏幕尺寸,分辨率,应当有针对性加载不同的图片内容。 如果你正在开发一个只有一套带有很多图形样式的站点,那就意味着无论用户用何种大小设备都会下载这些巨大的图片。 为什么一定要让移动用户下载这些为桌面用户开发的样式图片呢? 不过不用担心,现代很多设备都支持 CSS media queries(媒体选择器)了, 通过media queries 我们可以方便的针对不同设备屏幕特性来加载不同版本的样式图片。 /* Screens bigger than 480px */ @media only screen and (min-device-width: 481px) { #header { background-image: url(header-full.png); } } /* Screens smaller than 480px */ @media only screen and… Read More »