最近站点的JS文件加载有点慢,用了CDN加速还是存在拥堵的现象。特效JS文件越来越多,如果等JS全部渲染完成才显示网页,这样站点加载速度真的很慢很慢。最后在脚本之家看到这个方法,分享出来,也为自己保留一下。

传统的jS文件加载

PLAINTEXT
<script type="text/javascript" src="####"></script>
点击展开查看更多

测试结果: 正常范围:85ms~90ms 加载最低耗时:80ms

高速加载JS文件

PLAINTEXT
<script type="text/javascript">
document.write("<scr"+"ipt src=\"####"></sc"+"ript>");
</script>
点击展开查看更多

测试结果: 正常范围:17ms46ms 加载最低耗时:0ms14ms

加载多个JS文件

PLAINTEXT
<script type="text/javascript">

document.write("<scr"+"ipt src="xx1.js"></sc"+"ript>") ;
document.write("<scr"+"ipt src="xx2.js"></sc"+"ript>") ;
document.write("<scr"+"ipt src="xx3.js"></sc"+"ript>") ;
/* 以此类推添加JS */
</script>
点击展开查看更多

版权声明

作者: JunYan`Blog

链接: https://www.jinjun.top/posts/2eff/

许可证: CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License. Please attribute the source, use non-commercially, and maintain the same license.

评论

开始搜索

输入关键词搜索文章内容

↑↓
ESC
⌘K 快捷键