`
lvjun106
  • 浏览: 440448 次
  • 性别: Icon_minigender_1
  • 来自: 芜湖
社区版块
存档分类
最新评论

页面一次加载过多后台传过来的值的解决方案

阅读更多
之前项目中遇到一些performance problem.
一. 一个JSP页面加载过多的值地显示。
起初是后台把显示的值处理完了弄成JSON字符串,再由浏览器解析JSON对象,之后用JS动态地生成页面DOM对象。此方案遇到问题就是后台内容太多,浏览器动态生成DOM对象时出错,报内存不足或者JS错误等。
解决方案一:不用JSON动态生成DOM对象,改用JSP中生成。即在服务器端把页面生成好。
解决方案二:经查看源代码,JS中动态生成DOM对象, 用了jQuery的clone方法,在这里把clone方法去掉,直接生成html.

二. ajax异步加载过多的值地显示
原先问题:ajax返回json对象回来,页面动态解析JSON动态生成DOM对象。造成内存不足或才JS错误。
解决方案:异步加载返回的json对象不要一次全部传回来,可以先传回部分数据,之后解析完再重新调用ajax应用,把余下的加载。  每次传回来的条数根据实际情况设置。
分享到:
评论

相关推荐

    博客资源:ViewPager加载大量图片oom解决方案demo

    它可以加载多个Fragment或者View,但是如果不加以控制,可能会一次性加载过多的视图,导致内存消耗过大。 3. **图片加载优化**:对于大量图片的加载,可以采用以下几种策略: - 图片压缩:减小图片大小,如使用...

    jsp页面加载时提示loading

    这个问题可能由多种因素导致,下面我们将详细探讨这些可能的原因及其解决方案。 1. **页面内容过多**:如果JSP页面包含大量的静态内容(如图片、视频、CSS和JavaScript文件),这可能导致页面加载时间延长。优化...

    后台管理系统页面,整套

    在IT行业中,后台管理系统是构建任何复杂Web应用不可或缺的一部分,它负责处理用户不可见的数据处理、...通过深入理解并运用这些知识点,你可以创建出更符合用户需求的后台解决方案,进一步提升项目质量和用户体验。

    27款后台管理页面设计

    总的来说,"27款后台管理页面设计"提供的资源对于开发者和设计师来说是一份宝贵的参考资料,它们可以作为起点,激发创新灵感,或者直接应用于项目中,为后台管理界面带来专业且高效的解决方案。无论你是新手还是经验...

    网站设计经典后台页面模板

    网站设计经典后台页面模板是网页设计领域中一个重要的组成部分,主要关注的是网站管理系统的用户界面设计。后台页面通常不直接面向公众,而是为网站管理员、编辑或其他授权用户提供内容管理和系统控制的功能。这些...

    load_More(点击加载更多)

    8. **性能优化**:为了避免一次性加载过多数据导致的内存压力,可以使用懒加载(Lazy Loading)策略,只在即将进入视口的内容上加载图片或元素。 9. **错误处理**:考虑到网络状况和服务器可能出现的问题,需要设置...

    安居客后台模板bootstrap后台扁平化风格

    安居客后台模板是一款基于Bootstrap框架设计的后台管理界面模板,其特点是扁平化风格,旨在为用户提供简洁、直观且...总的来说,安居客后台模板是基于Bootstrap的高效解决方案,适用于需要快速开发后台管理界面的项目。

    前端性能优化:掌握解决方案.zip

    本资源"前端性能优化:掌握解决方案.zip"提供了一种系统性学习和实践前端性能优化的方法。下面,我们将详细探讨这个主题,涵盖多个关键知识点。 首先,前端性能优化的基础在于理解网页加载流程。当用户访问一个页面...

    后台模板HTML+整套Easyui皮肤组件-后台管理系统模板

    - **性能优化**:合理使用异步加载,避免一次性加载过多数据导致页面卡顿。 - **数据绑定**:利用EasyUI的异步数据源,实现与服务器的实时通信。 综上所述,这个【后台模板HTML+整套Easyui皮肤组件-后台管理系统...

    Android图片异步加载-ListView、GridView、ViewPager

    总的来说,Android-Universal-Image-Loader为Android开发者提供了一种高效、灵活的图片异步加载解决方案,无论是ListView、GridView还是ViewPager,都可以通过其强大的功能提升用户体验。在实际开发中,掌握这个库的...

    基于BootStrap的后台管理系统

    分页组件则帮助处理大量数据,避免一次性加载过多内容导致页面加载缓慢。 在CSS和JavaScript方面,BootStrap的LESS或SASS预处理器使得样式定制变得简单,而其JavaScript插件则通过jQuery库实现动态交互。开发者可以...

    MUI后台管理框架

    4. **分页插件**:对于大量数据,分页是必不可少的,它可以帮助用户逐步浏览和处理数据,避免一次性加载过多信息导致页面卡顿。MUI的分页插件设计直观,易于集成,可以与表格等其他组件无缝配合,提升数据操作效率。...

    Android应用源码 Gallery实现异步加载网络图片 并只加载当前停止页面图.zip

    只加载当前停止页面的图片是一种有效的策略,可以避免一次性加载过多图片导致内存溢出。这可能通过监听Gallery的滚动事件并在需要时加载图片来实现。 4. **图片缓存**:为提升性能和用户体验,网络图片通常会被缓存...

    后台模板 模板8

    【后台模板 模板8】是一款专为后台开发者设计的高效解决方案,旨在简化页面布局和设计的工作流程。在后台开发中,创建用户界面往往需要花费大量时间,而使用现成的高质量模板可以大大提高开发效率,同时确保界面的...

    安康旅行社后台管理系统

    这不仅可以优化用户体验,防止一次性加载过多数据导致页面卡顿,还能使用户更方便地浏览和查找信息。 3. **文件上传**:系统允许上传与旅游产品相关的图片、文档等资料,为用户提供了一个整合资源的平台。例如,...

    扁平化响应式企业后台管理界面模板.zip

    总的来说,【扁平化响应式企业后台管理界面模板】是一个集成了现代网页设计趋势的解决方案,为企业提供了便捷的后台搭建工具,能够帮助企业快速构建出专业且用户友好的管理界面,从而提升工作效率,优化业务流程。

    详解Android_性能优化之ViewPager加载成百上千高清大图oom解决方案

    `ViewPager`是一个常用组件,用于实现页面滑动效果,但在加载大量高清大图时容易引发`OutOfMemoryError`(OOM)。本文将深入探讨如何解决`ViewPager`加载成百上千高清大图导致的OOM问题。 首先,我们需要理解`OOM`...

    一套非常实用漂亮的后台模板master-admin

    总的来说,“一套非常实用漂亮的后台模板master-admin”是一个旨在提高后台管理效率和用户体验的前端解决方案,它集成了多种功能和设计元素,以适应各种类型的Web应用后台管理需求。开发者可以在此基础上进行个性化...

    easyweb-layui后台模板,界面美观、开箱即用

    "easyweb-layui"是一个基于Layui框架设计的后台管理模板,旨在提供一个界面优美、无需过多配置即可快速投入使用的解决方案。Layui是一款轻量级的前端UI库,它强调简洁、高效的开发体验,同时具备丰富的组件库,能够...

    多线程图片下载DEMO,不影响文字加载进度

    对于图片下载,一个常见的解决方案是使用URLSession。URLSession是Apple提供的网络编程接口,支持异步下载,可以轻松地在后台线程中处理数据请求。在我们的DEMO中,当表格单元格(TableViewCell)被创建或重用时,会...

Global site tag (gtag.js) - Google Analytics