当前位置: 首页 > Web前端 > HTML

搜索结果页优化

时间:2023-04-02 11:05:12 HTML

业务场景在应用中,输入关键词,得到搜索结果。这是一个很常见的功能场景。对于前端来说,要尝试和实践的东西有很多。优化方案1、首屏服务端渲染。第一页可以使用服务端渲染,减少页面请求量,快速渲染。方案一:node+ejs适用场景:页面复杂度低,没有大量的组件或模块信息同步。方案二:node+vue+vuex适用场景:页面高度复杂,包含大量组件和信息流或组件间同步。使用node+vue+vuex方便团队成员之间的协同开发和后期维护。2、数据预加载:数据业务场景下几屏:搜索结果,滑动时,显示更多结果。方案一:在请求第一屏的数据时,也会同时预请求第二屏的数据。等等。滑动页面时,不会有卡顿。方案二:让客户端提前预取数据。预取的时机可以根据自己的业务场景来判断。3.共享数据:业务场景:搜索结果页面,点击每个Item,可以进入详情页面。解决方法:一级页面和二级页面可以共享数据4、客户端提前预取公共库。前端一般会用到一些常用的库,一般情况不会变。例如,zepto。预取缓存5.服务端推送包服务端推送相关信息包Postscript尝试使用http2.0