18、JavaScript脚本加载策略与优化技巧

JavaScript脚本加载策略与优化技巧

1. 免费CDN选项

即使没有CDN预算，也能利用一些免费选项：
- Google托管了许多流行的开源库，可免费链接并受益于其CDN。
- Microsoft托管jQuery及其自己的Ajax库。
- Yahoo!在其CDN上托管YUI库。

2. 脚本加载方式

在网页中包含脚本，乍一看很直接，使用 <script> 元素，可内联JavaScript代码或在 src 属性中链接到单独文件：

// 选项1：内联代码
<script>
console.log("hello world");
</script>
// 选项2：链接外部文件
<script src="external.js"></script>

2.1 <script> 元素的常见属性

开发者常使用的 <script> 元素属性：
| 属性 | 说明 | 是否推荐 |
| ---- | ---- | ---- |
| language="JavaScript" | 多种大小写形式，有时带版本号。暗示语言为JavaScript，版本号效果不佳，不推荐使用。 | 否 |
| type="text/javascript"