社区
Web 开发
帖子详情
页面加载的数据太多,反应慢怎么优化?
kahnnash
2015-08-26 09:05:13
页面加载时要查询出几百条数据,每条数据都有几十上百的汉字。是分了九个div组成的标签页显示的,每个标签页里有几十条数据,在页面加载时都已经查询出来了。
每次进入页面或保存刷新时都很慢,怎么优化?
...全文
6647
6
打赏
收藏
页面加载的数据太多,反应慢怎么优化?
页面加载时要查询出几百条数据,每条数据都有几十上百的汉字。是分了九个div组成的标签页显示的,每个标签页里有几十条数据,在页面加载时都已经查询出来了。 每次进入页面或保存刷新时都很慢,怎么优化?
复制链接
扫一扫
分享
转发到动态
举报
AI
作业
写回复
配置赞助广告
用AI写文章
6 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
kahnnash
2016-02-05
打赏
举报
回复
是用的一个组件,不太好用,换了zui的一个好多了。
Cabbage_gang
2015-08-26
打赏
举报
回复
用缓存可以加快加载速度,但是还是要加载的,用ajax嘛!~需要加载那里就加载那里!局部刷新比全局刷新那不是快一点点啊!页面上的东西 能不刷新就不刷新,至于数据方面太多的话还是要做分页的,分页后的查询可以每次都查询下一页,保存到缓存,然后翻页的时候把缓存里的拿出来,后台再去查下一页,这一体验效果会好很多的哦!
tony4geek
2015-08-26
打赏
举报
回复
按需加载啊。鼠标往下拉就加载一部分。一部分一部分的加载。
豫让_______
2015-08-26
打赏
举报
回复
缓存撒 ,刷新一下就重新加载这肯定很花时间。
Defonds
2015-08-26
打赏
举报
回复
这是首页吧?如果是的话,对于这种高频访问的数据用内存缓存
oracle报表工具查询
数据
太
慢
优化
方案,
页面
优化
和sql
优化
1.有个项目已经使用了6-7年了,
数据
量大,报表多并且使用了报表工具,客户
反应
数据
查询
慢
。
优化
方案,查看报表工具发现在sql查询
数据
比较快,但是
页面
响应比较
慢
,经查看
页面
加载
的时候不是直接返回的json
数据
,而是报表工具后台处理了
数据
,这个过程导致非常缓
慢
,返回给前台的是html
数据
,导致
数据
加载
慢
,
优化
方案,不使用报表工具,直接使用返回
页面
json
数据
重新
加载
报表
数据
,并且
优化
sql,最终
页面
响应由原来的十分钟,
优化
到
页面
响应30S内。
优化
效果明显。在
优化
的时候是先
优化
的sql发现效果并不明显,再去查看页
前端性能
优化
:
页面
加载
速度
慢
怎么办?
当
页面
有一些复杂动画时,动画很卡的时候,可以将动画元素生成独立的图层,强制开启GPU加速,跳过布局和绘制阶段,新建图层交给GPU渲染。插件,该插件会对当前的
页面
进行性能分析,并提出详细的文档和建议,解释为什么是这个分数,最后指出
页面
存在的问题,为进一步改进给出方案。总阻塞时间:阻塞主线程并影响
页面
可用性的时间,比如异步任务过长导致阻塞主线程渲染(JS线程和渲染线程冲突)渲染线程和JS引擎是互斥的,所以对于一些计算密集型或高延迟的任务可能会阻塞
页面
的渲染。基于ES6的静态模块结构,删除无用代码。
Vue项目卡顿
慢
加载
?这些
优化
技巧告诉你!
前端开发是一个快速发展的领域,每天都会涌现出新的技术和工具。在实现功能的同时,开发人员面临着许多挑战如代码可维护性,
加载
时间,访问速度,构建速度等问题。这些挑战可能直接影响网站的性能和用户体验,需要采取一些
优化
措施来改善问题。在本文中,我们将探讨一些前端项目
优化
的具体措施,旨在帮助开发人员提高项目效率,升级用户体验。综合各方面来说 就是。
Element-ui 之 解决后端返回大量
数据
时
页面
卡顿或者
反应
慢
的问题(懒
加载
以及下拉框回显未
加载
数据
)
在我们实际开发中,常常需要
优化
以下
页面
,加快
页面
的响应速度,下面来介绍一下,前端在使用 Element-ui 下拉框时使用懒
加载
来解决
页面
卡顿或者响应
慢
的问题; 场景描述: 场景描述一:当后端给前端返回的
数据
有很多成千上万个
数据
时,我们如果直接接收并使用的话会造成
页面
响应很
慢
或者卡顿; 场景描述二:初始
页面
展示的是下拉框未
加载
的
数据
,初始
页面
跳转到编辑
页面
时的不回显的问题; 解决思路: 懒
加载
解决思路:监听滚动条事件,当滚动条到底时,增加显示
数据
个数; 回显解决思路:先
查询
数据
过多
页面
反应
慢
引入缓存解决方案(Redis、H2)
查询
数据
过多
页面
反应
慢
引入缓存解决方案(Redis、H2)问题:原系统查询接口不支持分页也不可能加入分页支持,导致Ajax查询
数据
过多,返回
数据
达到2W多条记录时响应已经极
慢
,查询功能不要求
数据
实时性,
页面
反应
速度极
慢
、体验不好;经排查是由于
数据
量过大导致写回
页面
的时候
慢
,实现是直接Servlet输出流写到
页面
上(output.write(buffer, 0, b));需求变更:加快
页面
相应速度,页
Web 开发
81,122
社区成员
341,744
社区内容
发帖
与我相关
我的任务
Web 开发
Java Web 开发
复制链接
扫一扫
分享
社区描述
Java Web 开发
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章