提高网页性能——引入javascript

1）、分离javascript：

javascript代码调用行为与html文档的结构和内容分离开，使用网页更加健壮

例如：当这个链接被点击时，他将调用popUp()函数

<a href="http://www.baidu.com/" class="popup">百度</a>

我们可以吧一个事件添加到某个带有特定id属性的元素上：

2）、对象检查：

如果有一个使用了getElementById()方法的函数。就可以在调用之前先检查用户所使用的浏览器是否支持这个方法。

例如：

3）、浏览器的性能考虑：

3-1、尽量少访问Dom和尽量减少标记

例如：

两次访问dom

修改后：

3-2、合并和放置脚本：

使用外部脚本文件，在文档中通过<script>元素把它们包含进来：

推荐使用方法：讲多个外部脚本合并为一个脚本，减少加载页面时发送的请求数量

把所有的<script>标签都放在文档的末尾

3-3、压缩脚本：

把脚本文件中不必要的字节，如空格和注释统统删除，甚至重写你的部分代码，比如使用更短的变量名，从而减少整体文件的大小

比如：

具有代表性的代码压缩工具：