如何延迟 javascript 代码的加载,加快网页的访问速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点,感兴趣的朋友可以参考下
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
本文介绍了如何延迟 javascript 代码的加载,加快网页的访问速度。
当一个网站有很多 js 代码要加载,js 代码放置的位置在一定程度上将会影像网页的加载速度,为了让我们的网页加载速度更快,本文总结了一下几个注意点:
1、延迟加载 js 代码
- <script type="text/javascript" src="" id="my"></script>
- <script type="text/javascript">
- setTimeout("document.getElementById('my').src='include/php100.php'; ",3000);//延时3秒
- </script>
这样通过延迟加载 js 代码,给网页加载留出更多的时间! 2、js 最后加载方案一 在需要插入 JS 的地方插入以下代码: 程序代码 当然, 那个 LOADING… 你可以换成自己喜欢的小图片. 看起来很有 AJAX 效果呢. 然后在页面最底端插入: 程序代码 3、让 JS 最后加载方案二 这个牵涉到网页的加载顺序问题,例如引入外部 js 脚本文件时,如果放入 html 的 head 中, 则页面加载前该 js 脚本就会被加载入页面,而放入 body 中,则会按照页面从上倒下的加载顺序来运行 javascript 的代码~~~ 所以我们可以把 js 外部引入的文件放到页面底部,来让 js 最后引入,从而加快页面加载速度。
来源: