搜刮效果页优化

营业场景

在App内里,输入一个关键词,获得一个搜刮效果,这是一个很罕见的一个功用场景。关于前端而言,有许多事变能够尝试和实践。

优化计划

1. 首屏服务端衬着

   第一页能够运用服务端衬着,削减页面的要求量,可疾速衬着
计划一:node+ejs
  实用的场景:页面的庞杂度低,不存在大批的组件或许模块间信息的同步。
计划二:node+vue+vuex

实用的场景:页面的庞杂水平高,含有大批的组件和组件间的信息流畅或许同步。运用node+vue+vuex,轻易团队成员间的合作开辟和后期保护。

2. 预先加载数据:接下来几屏数据
    营业场景:搜刮出来的效果,滑动时,显现更多的效果

计划一:要求第一屏幕的数据时,同时也会预要求第二屏幕的据,以此类推。滑动页面的时刻,就不会存在卡顿的状况
计划二:让客户端提早预取数据,预取的机遇能够依据本身的营业场景推断

3. 同享数据:
    营业场景:搜刮效果页面,点击每个Item,能够进入概况页面。

计划:一级页面和二级页面能够进,行同享数据

4. 客户端提早预取通用库
      前端平常都邑运用一些通用库,平常状况都不会转变,比如说zepto.js,能够让客户端提早预取缓存
5. 服务端推送包

服务端推送相干的信息包

跋文
 尝试运用http2.0
    原文作者:Cristic
    原文地址: https://segmentfault.com/a/1190000009497472
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞