网站首页 >> 牛刀云小程序开发 >> 第1篇制作模式 >> 性能优化

2.10.3 页面设计原则

1、优化页面加载

打开页面时,自动加载数据的数据集会加载数据,同时触发数据集的刷新前后事件。同时,系统还会触发页面组件中的“页面加载”、“页面加载完成”、“页面显示”和“初次渲染完成”等事件。如果页面中添加了用户组件,还会触发用户组件的“登录成功事件”、“微信用户信息准备完成”事件。这些事件的执行效率,都会影响页面的加载速度,因此应该谨慎使用这些事件,且在事件中只调用必要操作。

 

2、减少图片大小

图片大,不仅从后端加载到前端页面慢,同时页面渲染也慢。因此,在保证图片清晰度的同时,尽量减少图片文件大小,可以大幅提升页面显示速度。

 

3、减少页面上发送请求的数量

    每发送一次请求,都会经过传输、后端响应和前端解析等过程,例如在一个按钮组件的单击事件中,如果调用4次请求,肯定比调用1次请求耗费的时间多。因此应该减少一次发送请求的数量。

 

4、调用服务

业务逻辑不要写在页面上,要定义成服务,在页面中调用,这样可以减少页面大小,提高页面加载速度。