网站的js脚本打开很慢，浏览器js脚本

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

，如果是因为你的服务器的网速不快，那么你把js放到一个高速服务器或者云存储是可以的。但是如果客户端本身的网速不快，你放到哪都没用。缓存是很好的解决方案。如果你能使用一些公共的js源，比如客户端以前用过的来源，当打开网站的时候，就会直接找到这些源的缓存，就可以加快打开速度。

用负载均衡动静分离，网站人多，静态文件可以考虑用cdn加速。

另外一个兄弟说，放到页面下面可以实现慢加载，但是如果使用到JS内容就会报错。

将不重要的js放在页面底部。这是非常简单也是效果很好的优化办法，将不重要的js全部放到页面的底部，实现异步加载，也就是等网页都加载完了，再加载这些不重要的js，这样就不影响网页的速度了。

然后通过页面底部的js，innerHTML到中。 最好把小的零碎的js代码都合并到一个文件中。但是单个js文件也不要太大，一般不超过25k。这几点做到了，你页面的首屏速度能在1秒左右。（1秒已经很快了，没几个能达到1秒的）。具体为什么就不在这里解释了。

有一定影响的，加载速度会慢。js过多既延长了用户的等待时间，又大量消耗cpu。而且放在页面的前面的话，会影响页面渲染造成用户体验很差，用户会感觉东西迟迟没有出来 。最好压缩一下js或者把多个 js 文件合成一个，尽量减少客户端与服务器的交互。

相关问答

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

1、因为网页模板里用的CSS文件或者JS文件（尤其是JQUERY）很可能不是本地文件。如果这个文件地址的服务器有障碍，那文件半天加载不上，页面也就无法打开，即便打开也是混乱的。

2、这个可能是你服务器ASP文件问题或者服务器IIS的问题，ASP文件运行慢。

3、网站页面如何解决加载慢的问题？动静分离 我们可以将动态页面和静态资源（如：CSS、JS、图片等）用不同域名部署（建议根域不同），因为浏览器也是有请求并发控制的，如果动态页面和静态资源都用同一个域名效果不如动静分离的好。尽可能的制定图片及包含图片的元素的尺寸。

4、网络问题：网络信号不好或是网速都会影响浏览器浏览网站，会出现加载速度慢的情况。解决方法：提高网络信息及速度。网站本身元素问题：该网站本身的图片、js、css等加载过大，而造成了网站加载速度慢的情况。

5、宽带连接、网速不稳定，如果您是在局域网环境下，多数人在使用宽带资源如：观看视频、BT下载、打网游，这样也会出现打开网页速度慢情况。浏览器本身问题，如果多开窗口浏览会占大量内存，而且磁盘空间没有做过优化，就这样电脑资源不够用，也会出现打开网页速度慢的问题。

6、启用实验性Javascript功能 启用asm.js 勾选后，浏览器底部会弹出提示，要求重启浏览器才能生效，记住，是重启浏览器，而并不是关闭标签页重新打开。通过清理IE缓存，加速浏览器对冗余数据的读取，点开任意网页之后，依旧点击左上角三个小黑点，并选中：“使用Inetrnet Explorer打开”。

Q2: 加载js时,很容易导致js的堵塞,该怎么处理?

1、Script DOM Element方法代码。async属性是HTML5中新增的异步支持，此方法被称为Script DOM Element 方法。但是这种加载方式执行完之前会阻止onload事件的触发，而现在很多页面的代码都在onload时还执行额外的渲染工作，所以还是会阻塞部分页面的初始化处理。

2、解决方式：在script标签上使用async=“async属性标记 解决思路：周所周知，script标签默认是阻塞式加载，这意味着如果某个script标签加载缓慢时，下面的script就无法执行，页面的解析会被阻塞。

3、用负载均衡动静分离，网站人多，静态文件可以考虑用cdn加速。

Q3: 几种延迟加载JS代码的方法加快网页的访问速度

在JavaScript中，实现延迟加载的方式通常使用setTimeout()函数或setInterval()函数。使用setTimeout()函数延迟加载时，可以设置一个定时器来延迟加载js文件。使用setInterval()函数延迟加载时，可以通过循环不断地请求资源，直到资源加载完成。

但是如果客户端本身的网速不快，你放到哪都没用。缓存是很好的解决方案。如果你能使用一些公共的js源，比如客户端以前用过的来源，当打开网站的时候，就会直接找到这些源的缓存，就可以加快打开速度。还要从代码本身下手，根据不同的页面，打开不同的js吧。没用的js就先不要加载了。

一：同步加载我们平时使用的最多的一种方式。同步模式，又称阻塞模式，会阻止浏览器的后续处理，停止后续的解析，只有当当前加载完成，才能进行下一步操作。所以默认同步执行才是安全的。但这样如果js中有输出document内容、修改dom、重定向等行为，就会造成页面堵塞。所以一般建议把标签放在结尾处，这样尽可能减少页面阻塞。

解决办法：换一个js包含的方式，让javascript加载速度倍增。把通常加载方式： 改变成：document.write(scr+ipt src=\xxx.js\/sc+ript) JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

选择一个可靠的服务器或者虚拟主机，为提升速度打下基础。打开gzip功能压缩网站源文件。简化网页源文件并减小网页大小。减少闪光灯或大图的使用。把不必要的js放在页面底部来延迟加载 用cdn加速网站 jscss文件外部调用以减小文件大小 生成静态文件以提高加载速度。

把js的代码放在body里面，最好是放在页面最后的位置，而不是放在head里面。这样整个页面加载结束的时候才会加载到js。你可以使用js函数动态的修改页面，加载js。下面附上两个函数，可以用来加载js或者css。/*Title ： 包含其它 js 文件。

Q4: js加载速度慢怎么解决?

1、缓存是很好的解决方案。如果你能使用一些公共的js源，比如客户端以前用过的来源，当打开网站的时候，就会直接找到这些源的缓存，就可以加快打开速度。还要从代码本身下手，根据不同的页面，打开不同的js吧。没用的js就先不要加载了。

2、使用nwjs初始化时，调用mainjs加载过多依赖，在初始化进入应用程序的时候，可通过加载程序logo后隐藏加载主窗口。当打开新的窗口卡顿严重，是电脑cpu使用率过高，新窗口的依赖过多，参照nwjs官网api，在主窗口创建的同时隐藏创建该窗口false属性即可。

3、解决办法：换一个js包含的方式，让javascript加载速度倍增。把通常加载方式： 改变成：document.write(scr+ipt src=\xxx.js\/sc+ript) JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。

4、如果标签的位置移动不了，就改js，务必要放到页面的最后。比如中有document.write()；可以预先在指定位置放一个隐藏的，然后通过页面底部的js，innerHTML到中。 最好把小的零碎的js代码都合并到一个文件中。但是单个js文件也不要太大，一般不超过25k。这几点做到了，你页面的首屏速度能在1秒左右。

网站的js脚本打开很慢的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于浏览器js脚本、网站的js脚本打开很慢的信息别忘了在本站进行查找喔。