兼容目标
- 主流移动设备:iPhone 4+ 、三星、魅族、华为、红米、小米1S 以上及主流 Android 千元机型;请特别关注iPhone4/4s、魅族MX4、华为P6等机型
- 操作系统:iOS 7.0+ 与 Android 4.0+;
加载速度、请求数与资源压缩
- 以 3G 网络环境 100kb/s 的网络速度计算,详情页首次加载过程中,可以在 2s 内看到 Loading 页面;
- 原则上页面中不超过 1 个的样式文件请求、2 个的脚本文件网络请求;
- 图片资源应当进行压缩,JPG 图片使用 80% 以下质量,PNG 图片使用 TinyPNG 进行压缩;
- 详情页平均单页资源不超过 300 KB,总资源包大小不超过页数乘以300KB(不包括视频资源);
- 应当对小图片进行 CSS 雪碧图 合并,因低版本系统及低端设备渲染问题,单张图片尺寸不超过 2000x2000 像素,超过时需切分成多张雪碧图;
资源文件格式标准
文件类似 | 格式 | 大小 | 其它备注 |
---|---|---|---|
背景音乐 | mp3 | 小于 80 KB | 开头和结尾音轨建议做使用淡入淡出处理 |
分享缩略图 | jpg | 小于 6 KB | 尺寸为 120x120 像素 |
视频文件 | mov/mp4/avi | 暂无要求 | 分辨率>=960×540,视频码率>=1500kbps,画面比例 4:3或16:9 |
资源部署
- 详情页应只包含静态文件资源,涉及数据交互使用 AJAX 进行数据提交;
- 详情页所有资源上线前将部署到腾讯服务器;
- 不允许在页面中添加非腾讯域名的资源;
- 若页面中包括视频,提供视频文件,由运营经理上传至腾讯视频服务器后再提供视频地址;