web界面渲染特别慢的原因之一_leandzgc的博客-程序员宝宝_前端渲染慢

技术标签: web界面卡  经验分享  界面渲染缓慢  web界面慢  

生产环境往往都是局域网,无法正常使用互联网的资源,而如果我们的项目引用了互联网上的在线资源,很有可能导致性能问题,而且不好排查(一般不会往这方面想,所以开始的定位方向往往是错的)。

我们团队近期就遇到一个项目在现场有性能问题,有个功能按钮点击后一分钟才有结果。
首先怀疑是数据库问题,把公司和生产环境数据弄一致了,找到点儿问题,解决了,在公司跑飞快,部署到线上,感觉会皆大欢喜。现实给了我们一个大嘴巴子,功能还是会卡很久。
对比了一遍公司和生产环境的各项资源,感觉没有差异了,结果不一样,咋整?加日志吧。神奇的发现controller的方法走的飞快,一两秒内就return view了,那问题很有可能就出现在界面渲染上了。
界面渲染卡一分钟的情况不多见呀,只是一个普通到不能再普通的jsp界面,也没有什么插件,问题在哪儿。老司机来带路了,忘记之前哪个团队遇到的一个坑,就是因为内网项目访问了外网资源,内外网是不通的,导致出现界面渲染很长时间的问题。那么我们这个项目会不会也因为相同的问题呢?

打开jsp一看,还真有访问外网资源!!!


问了下当时的开发,这个js是辅助调试用的,删掉对项目本身没什么影响。于是删掉,生产环境也飞快!!!

所以这个问题大家还是要多注意一下,开发的时候引入新的控件,在发布前一定要整合到项目中,不要使用在线资源。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/leandzgc/article/details/80005265

智能推荐

linux启动关闭oracle数据库_达摩院扫地僧的博客-程序员宝宝_linux强制关闭oracle

<br />oracle数据库是重量级的,其管理非常复杂,将其在linux平台上的启动和关闭步骤整理一下。<br />安装完毕oracle以后,需要创建oracle系统用户,并在/home/oracle下面的.bash_profile添加几个环境变量:ORACLE_SID,ORACLE_BASE,ORACLE_HOME。比如:<br />export ORACLE_SID=test export ORACLE_BASE=oracle_install_dir export ORACLE_HOME=xxx<br

使用_ConnectionPtr接口开发ACCESS数据库(4) _suhuaiqiang_janlay的博客-程序员宝宝

ADO中最重要的对象有三个:Connection、Recordset和Command,分别表示连接对象、记录集对象和命令对象。三个对象对应的智能指针分别是:_ConnectionPtr、_RecordsetPtr、_CommandPtr。ADO使用_ConnectionPtr这个指针来操纵Connection对象,类似地,后面用到的_CommandPtr和_RecordsetPtr分别表示命令对象指针和记录集对象指针。Connection对象是这三个对象的基础,它的主要作用是建立与数据库的连接,建立了与数据

需求定义_vieber的博客-程序员宝宝_需求定义

竞品分析建立参考系战略分析战术分析确定打法需求行为背后的诉求亲友群里面拜年发红包 -》关爱,稳定使用搜索引擎寻找的信息 -》分析,决策从脉脉上面吐槽领导 -》发泄,安全朋友圈晒娃 -》肯定,赞美App购物点外卖 -》生理长生不老 -》生理求职网站更新简历 -》关注、安全使用iphone8,独特刘海造型 -》认同、尊重离职创业 -》自我实现需求定义经济学定义:人们有能力购买并且愿意购买(使用某个具体商品的欲望。需求分析是互联网产品经理中最基本的能力,也是需要最多时间修炼

用Chrome开发者工具做JavaScript性能分析_success_David的博客-程序员宝宝_chrome性能分析工具

你的网站正常运转。现在我们来让它运转的更快。网站的性能由页面载入速度和代码执行效率决定。一些服务可以让你的网站载入更快,比如压缩JS和CDN,但是让代码执行的更快你要做的事情。代码中很小的改动都可能对性能造成巨大的影响。快速灵活的网站和可怕的“无响应脚本”对话框可能只有几行代码的差别。这篇文章告诉你如何通过用Chrome开发者工具(Chrome Developer Tools)找到这几行关

osgi会崛起吗_OSGi会渗透到企业中吗?_diluan6799的博客-程序员宝宝

“在全世界超过600万的Java开发人员中,使用OSGi和设计模块化应用程序的开发人员只占很小的一部分,” Kirk Knoerschild在最新的博客文章中说道。 为什么会这样呢? 克诺尔德希尔对此事有一些想法。 阻碍OSGi采用的两个技术因素,尤其是在企业中,包括缺乏平台和工具支持,无法构建基于OSGi的服务器端应用程序。 在先前的博客中 ,Knoerschild将SpringSo...

【CPU篇 01】上下文切换context switch_扶我起来我还要写代码的博客-程序员宝宝_context switch

文章结构概念 指令 症状 资料目录上下文切换 Linux context_switch注释 context_switch的两种子状态:CSWCH和NVCSWCH 基础知识 指令 症状 context_switch细分情况 进程 线程 中断 系统调用 资料 一、上下文切换context switch:主要是切换mm(switch_mm函数)和cpu register state(switch_to函数,包括寄存器和堆栈)。.

随便推点

0x5afd57aa处有未经处理的异常:0xC0000005:读取位置0xcdcdcdc1时发生访问冲突_真·skysys的博客-程序员宝宝

0x5afd57aa处有未经处理的异常:0xC0000005:读取位置0xcdcdcdc1时发生访问冲突0xC0000005一般是NULL指针造成的。在Debug状态下,出现异常的时候,选择“Break“,然后看程序停在那一行,再看看是否是这一行使用了NULL指针。...

Protocol Buffer学习教程之开篇概述(一)_MingoJ的博客-程序员宝宝

原创文章,不得转载1. Protocol Buffer是什么Protocol Buffer是google旗下的产品,用于序列化与反序列化数据结构,但是比xml更小、更快、更简单,而且能跨语言、跨平台。你可以把你的数据按你的要求结构化,然后可以转化成多种数据流,同时其他语言可以通过不同的流转化成自己熟悉的语言的数据格式。如C语言开发者,定义了一个User数据结构,java开发者可以把此数据流

命名空间和Action的三种创建方法_江之南的博客-程序员宝宝

1、命名空间Namespacenamespace缺省情况下相当于:namespace=””;2、Action创建的三种方法:2.1、直接创建一个类提供一个execute()方法并返回字符串:public class IndexAction1 {    public String execute() {        return "success";    }}

Nginx基础学习笔记(正向/反向代理,Nginx均衡负载和配置)_Sheryl888的博客-程序员宝宝

目录1. 正向代理和反向代理1.1 正向代理(1)什么是正向代理?(2)正向代理的特点(3)正向代理的用途1.2 反向代理(1)什么是反向代理?(2)反向代理的特点(3)反向代理的用途1.3 正向代理和反向代理一起使用2. Nginx基础2.1 Nginx相关概念(1)什么是Nginx?(2)Nginx的功能有哪些?2.2 Nginx常用功能2.2.1 Http代理,反向代理:作为web服务器最常用的功能之一,尤其是反向代理2.2.2 负载

apk开发学习!整理几个重要的Android知识,论程序员成长的正确姿势_左夜天的博客-程序员宝宝_apk学习

食用指南和大部分人一样,我在复习完第一遍Android知识的情况下,看到相关的知识回答的仍然不能够令自己满意。在第二遍系统复习的时候,我着重记住每个知识点的关键字,根据这些关键字拼凑出大概的知识点,最后看到每个知识点的时候,就知道大概会问哪些内容,达到这种境界以后,你就可以从容的面对每次面试了。简单的做法就是为每个知识点建立脑图,尽可能把自己想到的关键点罗列出来,也就是下面每个章节前面的脑图。废话不多说,这张图是我花费3个月时间自己一点一点搜集素材,看了无数的资料才做出来的,现在在这里分享给大家,希

csdn很好_hellochina6688的博客-程序员宝宝

呵呵呵,刚来到这里,很好,希望大家多多帮助!!!

推荐文章

热门文章

相关标签