优化-jsp页面加载多个 js 文件,导致界面加载效率慢,第一次加载的时候,界面无法完全展示

问题描述

jsp页面加载多个 js 文件,导致界面加载效率慢,第一次加载的时候,界面无法完全展示

界面中引入了三个公共js文件,其中文件的大小分别为120、290、480KB,第一次
打开界面的时候界面无法完全显示,想问下怎么能进行效率优化,提升加载效率,谢谢各位大神啦,急!!!

解决方案

将js放到最后面,这样不影响页面的展示,还有就是压缩下你的js文件,做个cdn什么的

解决方案二:

js合并、压缩,网上这种工具多得是。不影响页面的内容展示的那些js往页面后面放(

解决方案三:

最后通过Packer将js压缩处理了,并公用js诺至页面最后进行加载了,问题已经解决,谢谢大家!

时间: 2024-10-29 00:37:43

优化-jsp页面加载多个 js 文件,导致界面加载效率慢,第一次加载的时候,界面无法完全展示的相关文章

在jsp页面上如何使用MD5.js进行加密

问题描述 在jsp页面上如何使用MD5.js进行加密 在页面上需要对密码输入框进行加密,在jsp页面上如何使用MD5.js进行加密? 解决方案 <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>md5加密</title> <script type="text/ecmascript" src="md5.js&qu

如何实现JavaScript动态加载CSS和JS文件_javascript技巧

项目中需要用到动态加载CSS 文件,整理了一下,顺便融合了动态加载JS 的功能写成了一个对象,先上代码: var dynamicLoading = { css: function(path){ if(!path || path.length === 0){ throw new Error('argument "path" is required !'); } var head = document.getElementsByTagName('head')[0]; var link =

javascript-怎么将jsp中list变量传给js文件,求大神帮帮忙

问题描述 怎么将jsp中list变量传给js文件,求大神帮帮忙 从后台action传了一个List类型的值bxLists给了jsp页面, 然后我还要将该值传给另一个js文件处理,我先在jsp页面将该值隐藏起来了 jsp页面如下: <input type="hidden" id="bxlists" name="bxlists" value="${bxLists}"/> 然后在js页面定义了一个数组接收 js页面如下:

在css加载完毕后自动判断页面是否加入css或js文件_jquery

最近在写项目的framework,写个JQueryMessageBox的类,以使用jquery ui中的dialog()来显示消息框,为了使方法方便调用,便加入了自动判断页面是否加入了ui.js和ui.css,代码如下: //如果没有包含ui.js,则引用 if ($('script[src$=""jquery-ui-1.8.11.custom.min.js""]').length == 0) {{ $(""<script src='/js

php ci框架中加载css和js文件失败的解决方法

 在将html页面整合到ci框架里面的时候,加载css和js失败,下面对这个问题进行分析及解决 在将html页面整合到ci框架里面的时候,加载css和js失败,弄了半天发现ci框架是入口的框架,对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使用base_url()函数处理外部的链接.    比如:    在config配置文件中的base_url为:" localhost:8080/项目名称/ "    在控制器中访问applicati

用ajax动态加载需要的js文件_AJAX相关

习惯了用java,在java中,需要某个类直接import就可以了,所以做javascript的时候也想实现这个效果. 前段时间,用了下dojo,里面的dojo.require的功能很不错,一看代码,晕了,一大堆东西,唉-还是自己写个简单点的,dojo.require可以引入包,我就只做一个导入js文件的. 开始用的document.write,执行顺序不对了,这是在后面进行导入,而我们总是在前面执行中就需要导入的js,这样,执行中就会报"某某未定义",就是顺序问题了. 接着,我就想用

php ci框架中加载css和js文件失败的原因及解决方法_php技巧

在将html页面整合到ci框架里面的时候,加载css和js失败,弄了半天发现ci框架是入口的框架, 对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使 用base_url()函数处理外部的链接. 比如: 在config配置文件中的base_url为:" localhost:8080/项目名称/ " 在控制器中访问application/resource/aaa.js文件 相对路径<script src= "resource

php ci框架中加载css和js文件失败的解决方法_php技巧

在将html页面整合到ci框架里面的时候,加载css和js失败,弄了半天发现ci框架是入口的框架,对框架中文件的所有请求都需要经过index.php处理完成,当加载外部的css和js文件的时候要使用base_url()函数处理外部的链接. 比如: 在config配置文件中的base_url为:" localhost:8080/项目名称/ " 在控制器中访问application/resource/aaa.js文件 相对路径<script src= "resource/a

用ajax动态加载需要的js文件

习惯了用java,在java中,需要某个类直接import就可以了,所以做javascript的时候也想实现这个效果. 前段时间,用了下dojo,里面的dojo.require的功能很不错,一看代码,晕了,一大堆东西,唉-还是自己写个简单点的,dojo.require可以引入包,我就只做一个导入js文件的. 开始用的document.write,执行顺序不对了,这是在后面进行导入,而我们总是在前面执行中就需要导入的js,这样,执行中就会报"某某未定义",就是顺序问题了. 接着,我就想用