如何将JS内链改为外链?
什么是JS内链?
JS内链是指JS代码可以直接放在HTML文件里,称之为内链JS。
外链JS则是通过在HTML文件中使用来链接。
为什么需要将JS内链改为外链?
JS内链和外链的区别在于:内链静态、执行速度慢;外链动态、执行速度快。JS内链会在html加载时会加载JS代码,速度相对较慢。
而外链JS可以缓存提高效率,减少服务器负担、同时代码可以通过CDN等服务静态化,提高整个网站的性能。
JS外链示例代码:
在head标签中添加以下外链,即链接‘file.js’文件。
```html
```
而‘file.js’文件可以是任意命名的JS文件,只需保证文件名和路径正确即可。
JS外链优点:
- 维护统一
- 避免代码冗余
- 提高性能
- 友好缓存
如何判断JS内链改为外链后,是否生效?
可以通过F12 -> Network -> JS文件查看是否已通过网络请求加载JS文件,是否存在服务端缓存。如果JS文件名字发生改变,那么要注意下是否已经删除旧缓存。
结论
在开发和维护网页时,优化性能与不断加快网站速度可以提高客户对我们产品的满意度和使用度,JS外链是实现这一目标的一种很好的方法。