一种基于网站用户操作习惯的页面优化方法与流程

技术特征：
1.一种基于网站用户操作习惯的页面优化方法，其特征在于，所述方法包括以下步骤：s1：用户加载网站，访问页面，同时读取浏览器本地存储localstorage；s2：根据所述浏览器本地存储localstorage，执行网站既定的布局策略，进行页面布局；s3：通过低代码的方式，采集用户操作信息存储在所述浏览器本地存储localstorage中；s4：离开所述页面前，临时存储sessionstorage通过http请求将操作记录批量上传至服务器；s5：所述服务器接收到操作记录后，统计和分析用户操作习惯，制定优化策略；s6：优化策略制定完成后，对布局策略进行热更新。2.根据权利要求1所述的一种基于网站用户操作习惯的页面优化方法，其特征在于，在所述s3中，所述用户操作信息包括用户访问页面的次数、用户访问页面的时长和按钮点击次数。3.根据权利要求2所述的一种基于网站用户操作习惯的页面优化方法，其特征在于，在所述s3中，所述按钮点击次数的采集方法具体为：s31：将vuejs指令绑定在待记录的按钮的html元素上；s32：当检测到所述html元素被点击后，触发记录事件；s33：在浏览器本地存储localstorage中存储改变后的历史记录数据，在临时存储sessionstorage中存储本次增量数据。4.根据权利要求3所述的一种基于网站用户操作习惯的页面优化方法，其特征在于，所述vuejs指令的设计方法如下：s311：通过vue.directive定义一个名为log的指令；s312:log指令的bind生命周期函数中，通过addeventlistener实现对目标元素的点击事件绑定，触发的回调函数定义为logfn函数；s313：log指令的unbind生命周期函数中，通过removeeventlistener将bing生命周期所绑定的点击事件进行解绑。5.根据权利要求1所述的一种基于网站用户操作习惯的页面优化方法，其特征在于，在所述s4中，通过http请求将操作记录批量上传至服务器的具体实现方式为：s41：进入所述页面时开始计时；s42：离开所述页面时结束计时；s43：将期间访问页面操作记录一次性批量上传至服务器。6.根据权利要求1所述的一种基于网站用户操作习惯的页面优化方法，其特征在于，在所述s5中，所述优化策略包括单机级优化策略和系统级优化策略。7.根据权利要求6所述的一种基于网站用户操作习惯的页面优化方法，其特征在于，所述系统级优化策略具体为：s501：统计所述页面的访问次数，按照访问次数从多到少排序，若网站中的核心页面并不在排序前列，则将所述核心页面的入口与排序前列的页面的入口位置进行调换；s502：统计所述页面访问时长，按照访问时长从长到短排序，若网站中的核心页面并不在排序前列，则将核心页面的入口位置与排序前列的页面的入口位置进行调换；
s503：统计按钮点击次数，按照按钮点击次数从多到少排序，若核心功能的按钮的排序不在前列，则将核心功能的按钮与排序前列的按钮位置进行调换；所述单机级策略具体为：s511：读取浏览器的localstorage本地存储数据，进行页面访问时长从长到短的排序，将排序前列的页面的入口放置在界面的快捷入口的工具栏中，并在菜单中靠前放置；s512：读取浏览器的localstorage本地存储数据，进行页面访问次数从多到少的排序，将排序前列的页面的入口放置在界面的快捷入口的工具栏中，并在菜单中靠前放置；s513：读取浏览器的localstorage本地存储数据，进行按钮点击次数从多到少的排序，将排序前列的按钮放置在界面的快捷入口的工具栏中，并在菜单中靠前放置。8.根据权利要求1所述的一种基于网站用户操作习惯的页面优化方法，其特征在于，在所述s6中，所述热更新的实现步骤如下：s61：客户端与服务端建立起websocket连接；s62：优化版本部署上线；s63：服务端通过websocket连接通过发送热更新的指令信息reload告诉客户端有新版本更新；s64：客户端接收到reload指令后，判断十分钟内是否有用户操作，即通过监听网页十分钟内是否有点击事件发生，若无用户操作，则立即执行window.location.reload方法，刷新页面，获取最新版本；s65：若有用户操作，则提示用户是否立即更新，若用户选择立即更新，则执行window.location.reload方法，刷新页面，并获取最新版本，若用户选择延迟更新，则等待无用户操作十分钟后，刷新页面，并获取最新版本。9.一种电子设备的计算机系统，包括一个或多个部件，该一或多个部件工作时实施权利要求1至8任一项所述的方法。10.一种计算机可读存储介质，其上存储有一个或多个计算机程序，其特征在于，该一或多个计算机程序被计算机处理器执行时实施权利要求1至8任一项所述的方法。

技术总结
本申请提出了一种基于网站用户操作习惯的页面优化方法，包括以下步骤：a)用户加载网站，访问页面，读取浏览器本地存储；b)根据浏览器本地存储，执行网站既定的布局策略，进行页面布局；c)通过低代码的方式，采集用户访问页面次数和时长、点击按钮的次数等用户操作信息存储在浏览器本地存储中；d)离开网页前，通过HTTP批量上传操作记录；e)分析用户操作习惯，制定优化策略，实现单机级和系统级优化策略，从而提高用户体验；f)通过热更新的方案，实现优化版本的无感更新。该方法采集用户操作习惯后批量上传操作记录，对用户的操作习惯进行分析和制定优化策略，并进行无感更新，提升了用户的体验感。户的体验感。户的体验感。


技术研发人员：林超群 卢天发 李仁杰 王彪
受保护的技术使用者：罗普特（厦门）系统集成有限公司
技术研发日：2022.10.26
技术公布日：2023/2/3