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

Posted 2023-03-14

建议你观察下页面内资源的加载时间，同时在页面中打开多个js文件主要耗时为TTFB，主要耗时为「等待某个js加载渲染完成」+「等待dns解析时间」+「浏览器的pending策略」等。你在页面内同步加载了多个js资源，所以下载速度的不可控是正常的。
因为JS在执行的时候会影响到页面的DOM和样式等情况。浏览器在解析渲染html的时候，如果解析到需要下载文件的script标签，那么会停止解析接下来的HTML，然后下载外链JS文件并执行。减少 javascript 对性能的影响有以下几种方法：1、将所有的 参考技术A 建议你观察下页面内资源的加载时间，同时在页面中打开多个js文件主要耗时为TTFB，主要耗时为「等待某个js加载渲染完成」+「等待dns解析时间」+「浏览器的pending策略」等。你在页面内同步加载了多个js资源，所以下载速度的不可控是正常的。
因为JS在执行的时候会影响到页面的DOM和样式等情况。浏览器在解析渲染HTML的时候，如果解析到需要下载文件的script标签，那么会停止解析接下来的HTML，然后下载外链JS文件并执行。减少 JavaScript 对性能的影响有以下几种方法：1、将所有的 参考技术B 建议你观察下页面内资源的加载时间追答

同时在页面中打开多个js文件主要耗时为TTFB，主要耗时为「等待某个js加载渲染完成」+「等待dns解析时间」+「浏览器的pending策略」等。你在页面内同步加载了多个js资源，所以下载速度的不可控是正常的。
因为JS在执行的时候会影响到页面的DOM和样式等情况。浏览器在解析渲染HTML的时候，如果解析到需要下载文件的script标签，那么会停止解析接下来的HTML，然后下载外链JS文件并执行。减少 JavaScript 对性能的影响有以下几种方法：1、将所有的标签放到页面底部，也就是闭合标签之前，这能确保在脚本执行前页面已经完成了渲染。2、尽可能地合并脚本。页面中的标签越少，加载也就越快，响应也越迅速。无论是外链脚本还是内嵌脚本都是如此。3、采用无阻塞下载 JavaScript 脚本的方法：（1）使用标签的 defer 属性（仅适用于 IE 和 Firefox 3.5 以上版本）；（2）使用动态创建的元素来下载并执行代码； （3）使用 XHR 对象下载 JavaScript 代码并注入页面中。通过以上策略，可以在很大程度上提高那些需要使用大量 JavaScript 的 Web 网站和应用的实际性能。

本回答被提问者采纳