页面加载的数据太多，反应慢怎么优化？

kahnnash 2015-08-26 09:05:13

页面加载时要查询出几百条数据，每条数据都有几十上百的汉字。是分了九个div组成的标签页显示的，每个标签页里有几十条数据，在页面加载时都已经查询出来了。
每次进入页面或保存刷新时都很慢，怎么优化？

...全文

6651 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

kahnnash 2016-02-05

打赏
举报

回复

是用的一个组件，不太好用，换了zui的一个好多了。

Cabbage_gang 2015-08-26

打赏
举报

回复

用缓存可以加快加载速度，但是还是要加载的，用ajax嘛！~需要加载那里就加载那里！局部刷新比全局刷新那不是快一点点啊！页面上的东西能不刷新就不刷新，至于数据方面太多的话还是要做分页的，分页后的查询可以每次都查询下一页，保存到缓存，然后翻页的时候把缓存里的拿出来，后台再去查下一页，这一体验效果会好很多的哦！

tony4geek 2015-08-26

打赏
举报

回复

按需加载啊。鼠标往下拉就加载一部分。一部分一部分的加载。

豫让_______ 2015-08-26

打赏
举报

回复

缓存撒，刷新一下就重新加载这肯定很花时间。

Defonds 2015-08-26

打赏
举报

回复

这是首页吧？如果是的话，对于这种高频访问的数据用内存缓存

1.有个项目已经使用了6-7年了，数据量大，报表多并且使用了报表工具，客户反应数据查询慢。优化方案，查看报表工具发现在sql查询数据比较快，但是页面响应比较慢，经查看页面加载的时候不是直接返回的json数据，而是报表工具后台处理了数据，这个过程导致非常缓慢，返回给前台的是html数据，导致数据加载慢，优化方案，不使用报表工具，直接使用返回页面json数据重新加载报表数据，并且优化sql,最终页面响应由原来的十分钟，优化到页面响应30S内。优化效果明显。在优化的时候是先优化的sql发现效果并不明显，再去查看页

当页面有一些复杂动画时，动画很卡的时候，可以将动画元素生成独立的图层，强制开启GPU加速，跳过布局和绘制阶段，新建图层交给GPU渲染。插件，该插件会对当前的页面进行性能分析，并提出详细的文档和建议，解释为什么是这个分数，最后指出页面存在的问题，为进一步改进给出方案。总阻塞时间:阻塞主线程并影响页面可用性的时间，比如异步任务过长导致阻塞主线程渲染(JS线程和渲染线程冲突)渲染线程和JS引擎是互斥的，所以对于一些计算密集型或高延迟的任务可能会阻塞页面的渲染。基于ES6的静态模块结构，删除无用代码。

前端开发是一个快速发展的领域，每天都会涌现出新的技术和工具。在实现功能的同时，开发人员面临着许多挑战如代码可维护性，加载时间,访问速度,构建速度等问题。这些挑战可能直接影响网站的性能和用户体验，需要采取一些优化措施来改善问题。在本文中，我们将探讨一些前端项目优化的具体措施，旨在帮助开发人员提高项目效率，升级用户体验。综合各方面来说就是。

在我们实际开发中，常常需要优化以下页面，加快页面的响应速度，下面来介绍一下，前端在使用 Element-ui 下拉框时使用懒加载来解决页面卡顿或者响应慢的问题；场景描述：场景描述一：当后端给前端返回的数据有很多成千上万个数据时，我们如果直接接收并使用的话会造成页面响应很慢或者卡顿；场景描述二：初始页面展示的是下拉框未加载的数据，初始页面跳转到编辑页面时的不回显的问题；解决思路：懒加载解决思路：监听滚动条事件，当滚动条到底时，增加显示数据个数；回显解决思路：先

前后端数据交互-优化 1 数据正在读取-页面背景：数据从服务器读取速度慢，给个反应：加载中页面，用户体检好代码执行：至上而下，先出现加载页面，获得数据完成，关闭加载页面 then–catch–finally 同 try–catch–finally 请求成功，做什么？----出错，做什么？----无论成败，都得做什么？（关闭加载页面） methods:{ getTableData(){ const loading = this.$loading({ lock: true,

81,122

社区成员

341,743

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章