导航:首页 > 网站优化 > 优化网站js加载时间

优化网站js加载时间

发布时间:2020-10-20 05:47:38

1、网页加载很慢JS或jquery堵塞,导致很久才弹出窗口

填写完应该是你表单文件的问题。检查/Search/index.asp 这个文件。
这个可能是你服务器ASP文件问题或者服务器IIS的问题,ASP文件运行慢。

2、页面加载完成后等待一段时间在执行js的方法,时间如何设定

例如方法:
function test(){return 1;}
页面加载完毕事件:
window.onload = function(){
setTimeout(test,1000);//1000毫秒=1秒后执行test方法
}
如果你使用jquery的话回可以答:
$(window).load(function(){
setTimeout(test,1000);//1000毫秒=1秒后执行test方法
});

setTimeout是只执行一次,重复执行使用setInterval

window.onload = function(){
setInterval(test,1000);//1000毫秒=1秒,每隔1秒执行一次test方法
}

3、JS能设置最多加载时间 吗?

你可以 setTimeout 5秒以后隐藏"加载中"
但是!
这里"加载中" 是应该需要后台返回重要数据才能消除显示的
比如一个新闻详情 有 1. 此新闻具体内容 2. 广告部分
则你的加载顺序应该为 1. 先请求新闻内容 2. 请求广告内容
"加载中"显示时间应该是 1的开头到1的结尾
如果此网页的核心业务请求花了10s 那么就算你第五秒显示页面 用户也看不到想看的
so 你应该梳理一下你的代码业务 将"加载中"的显示放在核心业务请求

4、如何解决CSS JS和图片对网站加载速度的影响

(1)指定图像尺寸加载图像之前,您的浏览器开始渲染页面。制定图像尺寸,有助于它环绕不可替代的元素。如果没有制定尺寸,一旦图像被下载您的浏览器将回流,为了做到这个,笔者建议在< IMG 元素使用高度和宽度标签规格。注意不要使用尺寸缩放功能的图像,因为用户仍然还是需要下载原始文件的大小,笔者认为,其实图像并不需要多大的屏幕空间,只要能让用户看清楚就可以。(2)优化图像在使用图像的过程中,包含了一些额外的东西,比如使用一些无用的颜色,额外的多出的图片大小。使用之前先对其进行优化,将大小保持在最低程度,尝试保存JPEG格式,这将帮助很多慢速的网络用户。这样做的原因是为了在保持图片质量的同时控制其重量,减少服务器的加载时间。2、避免CSS表达式HTML页面进度指示器指示,浏览器载入页面的流程是逐步从页头,导航栏,内容等,如果将CSS文件放在页面底部,将会静止许多浏览器进行渲染,这些浏览器阻止渲染将会导致页面被重绘,使用CSS文件需要将其放置在页面顶端,并且CSS文件避免使用CSS表达式。CSS表达式是一个强大的和危险的方式动态设置CSS属性。他们支持在Internet Explorer版本5开始,但与IE8开始弃用。作为一个例子,可以设置背景颜色交替使用CSS表达式每隔一小时:getHours背景色:表达式((新的Date())()2%B8D4FF#:#F08A00);CSS表达式将会增加页面的一个翻译时间,延长页面的加载时间。3、使用外部js和css文件在现实世界中使用外部文件,一般会产生更快的网页,因为是由浏览器的Javascript和CSS文件缓存。Javascript和CSS在HTML文档内联得到下载的HTML文件要求的时间。这减少了所需的HTTP请求的数量,但增加了HTML文档的大小。

5、如何给JS设置加载时间?( 一段JS代码过五秒后再加载)

比如onload事件里面,执行了一段代码,执行完成之后,想让它过5秒执行回另一段答代码:
<script>
function abc(){
//执行你的代码
setTimeout("bbb()",5000);//设置5秒钟后执行bbb方法
}

function bbb(){
alert("123");
}

</script>
<body onload="abc()"></body>

6、如何优化echarts all.js的加载时间

你好。根据你的描述:你没有给出具体的echarts.js 与 echarts-plain.js句子,无法给你判断出这两个区别,请确认并完善提问描述,我会尽快回复你。

7、如何处理前端页面首次加载慢的问题

这是一个copyajax请求,几秒钟的延迟时间属于正常范围,它是异步运行的,对页面的加载速度不会造成直接影响。从图片中可看出,它的加载时间为138ms,不算长啊,后面的4.84s是它等待服务器返回数据的时间,在这段时间里,页面的其他元素是继续加载的,不会受影响。所以这个4.84s是不算在首页加载时间内的。就好比一个体育赛事直播的网页,它的比分一般都是通过ajax异步方式定时刷新的,而这个刷新的时间并不算在页面的加载时间内,因为这时候页面早就加载完毕了。
当然,这个4.84s的时间长短,是由多种因素造成的,比如电脑性能、网络状态等,但最大的影响因素通常都是后台数据库的查询速度,通过优化可以大大缩短这个查询时间。

8、怎么查看网页每一部分的加载速度,比如图片,js,css文件的加载速度

需要准备的材料分别是:电脑、chrome浏览器。

1、首先,打开chrome浏览器,进入要查看的网页,例如:.baidu.com。

2、键盘按F12,会调出开发者工具,点击“Network”标签页。

3、键盘按“F5”键以刷新页面,此时从开发者工具可以看到各个资源(例如图片、css文件、js文件)的加载花费时间。

9、网站加载的js过多,打开速度很慢很慢。

1,如果是因为你的服务器的网速不快,那么你把js放到一个高速服务器或者云存储是可以的。但是如果客户端本身的网速不快,你放到哪都没用。
2、缓存是很好的解决方案。如果你能使用一些公共的js源,比如客户端以前用过的来源,当打开网站的时候,就会直接找到这些源的缓存,就可以加快打开速度。
3、还要从代码本身下手,根据不同的页面,打开不同的js吧。没用的js就先不要加载了。

10、js加载速度慢怎么解决?

解决办法:换一个js包含的方式,让javascript加载速度倍增。

把通常加载方式:
<script src="xxxx.js"></script>

改变成:
<script type="text/javascript">
document.write("<scr"+"ipt src=\"xxx.js\"></sc"+"ript>")
</script>

-------------------------------------

举个例子:
比如下面是申请的站长统计代码,以前尽管是把它放在页面的最底部,但还是拖累页面加载进度。

<script src="http://s69.cnzz.com/stat.php?id=265381&web_id=265381&show=pic" language="JavaScript" charset="gb2312"></script>

我们可以把它换成这样的方式来加载(任然放在页面最底部):
<<script type="text/javascript">>
document.write("<<scr"+"ipt src=\"http://69.cnzz.com/stat.php?id=2651&web_id=2681&show=pic\" language=\"JavaScript\" charset=\"gb2312\"></sc"+"ript>>")
<</script>>

速度快多了。

其它的js如法炮制,广告的,页面特效的。。。
最后再废话几句:


<<script type="text/javascript">>
document.write("<<scr"+"ipt src=\"xxx.js\"></sc"+"ript>>")
<</script>>

的方式,还可实现按需按条件的来加载你要的JS文件:
<<script type="text/javascript">>
if ( 心情好 ) {document.write("<<scr"+"ipt src=\"xxx.js\"></sc"+"ript>>")}
<</script>>

这样要是“心情不好”,就自然不会载入你不想要的JS文件了。

与优化网站js加载时间相关的知识