第一章 加载和执行

1. 脚本位置

由于脚本会阻塞页面其他资源的下载,因此推荐将所有的<script>标签尽可能放到<body>标签的底部,以尽量减少对整个页面下载的影响。

2. 组织脚本

考虑到HTTP请求会带来额外的性能开销,因此下载单个100kb的文件将比下载4个25kb的文件更快。

3. 无阻塞的脚本

4. 延迟的脚本

Defer 属性指明本元素所含脚本不会修改DOM,因此代码能安全地延迟执行。不过,该属性只有IE4+和Firefox3.5+的浏览器支持,所以,它不是一个理想的跨浏览器解决方案。

5. 动态脚本元素

var script = document.createElement('script');
script.type = 'text/javascript';
script.src = 'file1.js';
document.getElementsByTagName('head')[0].appendChild(script);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 前言 kyrieliuの《高性能JavaScript》读书笔记。 script标签是一个很“霸道”的狠角色,它的每...
    kyrieliu阅读 1,569评论 0 4
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,981评论 19 139
  • 在网上搜了下当前比较著名的大佬和学历: 马化腾 腾讯 深圳大学 张小龙 腾讯 华中科技大学 马云 阿里巴巴 杭...
    懒七阅读 621评论 0 0
  • 辅食:除了母乳、婴儿配方粉和较大婴儿配方粉以外的食物,包括任何液体和固体食物。 1.母乳与成人食品的营养素比较: ...
    JoyfulLin阅读 524评论 0 1
  • 【同读一本书刘姣】 2016-006-015-067 -《一分钟经理人》 【正文】 “好,当他发现你做了正确的...
    城市格调刘姣阅读 421评论 3 0