iH5中级教程：多机型自适应篇，优化H5速度

1、案例有三个时间轴，每个时间轴控制一个音符的运动轨迹，其实我们可以用一个时间轴统一控制三个音符的轨迹。选择一个总时间最长的时间轴，此案例中时间轴3是8.3秒，对着时间轴1下的图片，点右键剪切，选择时间轴3，点右键黏贴。把3个图片与轨迹都黏贴到时间轴3里。优化前：

4、优化后：

7、点菜单栏发布按钮。可以修改作品标题、描述和小图。还有作品优化的选项。建议选择完美优化，压缩png图片里冗余的像素。上传图片时不要上传太高精度的图片。一个触发对象下多个事件，可以直接添加事件组进行优化。例如按下一秒钟的案例里，多个事件的触发条件是手指离开，在透明按钮下添加事件组，触发条件选择手指离开，把原来的事件剪切黏贴到事件组下。优化前：

8、优化后：知识点:1、一个时间轴控制多个轨迹。2、简单的时间轴动画可以用动效代替。3、分页展示结果更清晰，作品运行得快。4、手机案例中触发条件点击可换成手指按下或轻触。5、发布案例时使用优化功能。6、一个触发对象下多个触发条件相同的事件，可统一用事件组来管理。