营业场景
在App内里,输入一个关键词,获得一个搜刮效果,这是一个很罕见的一个功用场景。关于前端而言,有许多事变能够尝试和实践。
优化计划
1. 首屏服务端衬着
第一页能够运用服务端衬着,削减页面的要求量,可疾速衬着
计划一:node+ejs
实用的场景:页面的庞杂度低,不存在大批的组件或许模块间信息的同步。
计划二:node+vue+vuex
实用的场景:页面的庞杂水平高,含有大批的组件和组件间的信息流畅或许同步。运用node+vue+vuex,轻易团队成员间的合作开辟和后期保护。
2. 预先加载数据:接下来几屏数据
营业场景:搜刮出来的效果,滑动时,显现更多的效果
计划一:要求第一屏幕的数据时,同时也会预要求第二屏幕的据,以此类推。滑动页面的时刻,就不会存在卡顿的状况
计划二:让客户端提早预取数据,预取的机遇能够依据本身的营业场景推断
3. 同享数据:
营业场景:搜刮效果页面,点击每个Item,能够进入概况页面。
计划:一级页面和二级页面能够进,行同享数据
4. 客户端提早预取通用库
前端平常都邑运用一些通用库,平常状况都不会转变,比如说zepto.js,能够让客户端提早预取缓存
5. 服务端推送包
服务端推送相干的信息包
跋文
尝试运用http2.0