显示信息的方法和装置制造方法及图纸

技术编号:31090608 阅读:28 留言:0更新日期:2021-12-01 12:52
本申请公开了显示信息的方法和装置,涉及web前端技术领域。方法的一具体实施方式包括:经由服务工作线程Service Worker获取对目标网页的渲染请求;控制Service Worker基于渲染请求,执行渲染操作;执行显示操作,显示操作包括:响应于获取到渲染结果,将所述渲染结果进行显示。该实施方式有效提升了本地渲染的速度,缓解了远程服务器的请求处理压力。缓解了远程服务器的请求处理压力。缓解了远程服务器的请求处理压力。

【技术实现步骤摘要】
显示信息的方法和装置


[0001]本申请涉及计算机
,具体涉及Web前端
,尤其涉及一种显示信息的方法和装置。

技术介绍

[0002]当下,web前端已经进入了各种框架的时代,如Vue和React,这类框架一般都是SPA(single page web application,单页面web应用),均是在浏览器中进行渲染的,因此也被称为浏览器渲染。除了浏览器渲染外,目前主流的页面渲染的技术方案还有服务端渲染,无服务状态的服务端渲染,原生渲染。
[0003]现有技术的缺点主要包括:以Vue/React为代表的浏览器渲染虽然做到了前后端分离,但首屏加载速度慢,用户体验差;不利于SEO(Search Engine Optimization,搜索引擎优化)。服务端渲染虽然减轻了浏览器的压力,使得首屏渲染加快,且有利于SEO,但由于页面的渲染放在服务器端,占用了服务器资源,会导致服务器不仅需要处理数据,还需服务渲染页面,使得服务器的压力较大,加大了服务器成本;上手成本较大,需要学习和了解后端方面的知识。
专利
技术实现思路

[本文档来自技高网
...

【技术保护点】

【技术特征摘要】
1.一种显示信息的方法,所述方法包括:经由服务工作线程Service Worker获取对目标网页的渲染请求;控制Service Worker基于所述渲染请求执行渲染操作以获取渲染结果;执行显示操作,所述显示操作包括:响应于获取到所述渲染结果,将所述渲染结果进行显示。2.根据权利要求1所述的方法,其中,所述控制Service Worker基于所述渲染请求执行渲染操作,包括:响应于确定所述渲染请求满足预设条件,控制Service Worker基于所述渲染请求执行渲染操作,其中,所述预设条件包括以下至少一项:渲染请求所指示的渲染数据量小于等于预设数据量阈值;渲染请求所指示的渲染层级小于等于预设的层级阈值。3.根据权利要求1所述的方法,所述方法还包括:响应于确定所述渲染请求不满足预设条件,控制Service Worker将所述渲染请求发送至远程服务器以获取渲染结果,其中,所述预设条件包括以下至少一项:渲染请求所指示的渲染数据量小于等于预设数据量阈值;渲染请求所指示的渲染层级小于等于预设的层级阈值。4.根据权利要求1所述的方法,其中,所述显示操作还包括:响应于获取到所述渲染结果,启动定时器开始计时;响应于确定所述定时器定时时长内未获取到新的渲染请求,控制Service Worker将本地存储的渲染结果发送至远程服务器以进行存储。5.根据权利要求4所述的方法,其中,所述显示操作还包括:响应于确定定时器定时时长内获取到新的渲染请求,控制Service Worker基于所述新的渲染请求执行渲染操作以获取渲染结果;执行所述显示操作。6.一种显示信息的装置,所述装置包括:获取模块,被配置成经由服务工作线程Service Worker获取对目标网页的渲染请求;渲染模块,被配置成控制Service Worker基于所述渲染请求执行渲染操作以获取渲染结果;显示模块,被配置...

【专利技术属性】
技术研发人员:曾淦陶琨郭风雷
申请(专利权)人:北京京东世纪贸易有限公司
类型:发明
国别省市:

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1