用的是七牛云，当出现多个js加载慢的问题要怎么解决？

JavaScript015

用的是七牛云，当出现多个js加载慢的问题要怎么解决？,第1张

建议你观察下页面内资源的加载时间，同时在页面中打开多个js文件主要耗时为TTFB，主要耗时为「等待某个js加载渲染完成」+「等待dns解析时间」+「浏览器的pending策略」等。你在页面内同步加载了多个js资源，所以下载速度的不可控是正常的。

因为JS在执行的时候会影响到页面的DOM和样式等情况。浏览器在解析渲染HTML的时候，如果解析到需要下载文件的script标签，那么会停止解析接下来的HTML，然后下载外链JS文件并执行。减少 JavaScript 对性能的影响有以下几种方法：1、将所有的

将多个js文件合并为一个js文件的方法是使用查找拷贝粘贴法 ：

1、打开网站主页，然后右击鼠标，选择“查看源码”。再按CTRL＋F快捷键调出搜索框，在搜索框中输入

script type='text/javascript'

2、回车确定后。选择“高亮全部”，就能看见网页中有多少个外部javascript文件了。如下图，head中有两个外部JavaScript。一般在footer部分也能找到外部JavaScript。

3、合并多个js

（1）在网站根目录下面创建一个文件，命名为main.js。然后编辑main.js文件。

需要将外部JavaScript文件的内容全部粘贴到main.js文件中。

（2）按CTRL＋A选择全部内容，然后CTRL＋C复制全部内容，将内容粘贴到main.js文件中。再点击下一个JavaScript文件的 src 地址，依次它们的内容粘贴到main.js文件中。最后保存。

（3）引用main.js文件

main.js创建好以后，需要在wordpress主题文件夹的footer.php文件中引用main.js。footer.php文件的路径一般为/var/www/html/wp-content/themes/themename/footer.php。