用apicloud开发的优化策略总结:
类别 | | 优化点 | 说明 |
HTML | 1 | 用div代替a | 省去默认效果 |
| 2 | 使用HTML5语义化标签 | 如<nav></nav> <section></section>可以包header和footer |
窗口结构 | 1 | Window+Frame结构布局 | Frame的高度用margin布局 |
| 2 | 按需求优先使用FrameGroup | Window和Frame是原生的,效率很高 |
页面加速 | 1 | HTML,CSS,Javascript写在同一页面中,尽量少定义lnk和script标签 | 让浏览器引擎尽可能地一次读写(IO)加载完所有代码 |
不用重型框架 | 1 | 不用jq和bootstrap | 降低加载速度,在移动端存在兼容问题 |
交互响应 | 1 | 使用tapmode和api.parseTabmode处理click事件 | 可加快300ms,这个分别要在HTML和JS代码中主动处理 |
| 2 | 扩大点击区域设计和交互效果 | 让用户知道更容易点和知道自己点了 |
编码规范 | 1 | 任何文件名避免中文和大写英文 | 可能造成编译失败或未知错误 |