如何实现高性能的JavaScript代码?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1412个文字,预计阅读时间需要6分钟。
JavaScript在浏览器中的性能,可以说是前端开发者最关注的可用性议题之一。在Yahoo的Yslow性能评分标准中,其中一条建议是将JS放在页面底部。原因是,在实际操作中,大多数浏览器使用单进程来处理页面加载,这可能导致页面渲染停滞。
Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题。
在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部。原因是,事实上,大多数浏览器使用单进程处理UI和更新Javascript运行等多个任务,而同一时间只能有一个任务被执行。Javascript运行了多长时间,那么在浏览器空闲下来响应用户交互之前的等待时间就有多长。
从基本层面说,这意味着<script>标签的出现使整个页面因脚本解析、运行而出现等待。不论实际的 JavaScript 代码是内联的还是包含在一个不相干的外部文件中,页面下载和解析过程必须停下,等待脚本 完成这些处理,然后才能继续。这是页面生命周期必不可少的部分,因为脚本可能在运行过程中修改页面 内容。
本文共计1412个文字,预计阅读时间需要6分钟。
JavaScript在浏览器中的性能,可以说是前端开发者最关注的可用性议题之一。在Yahoo的Yslow性能评分标准中,其中一条建议是将JS放在页面底部。原因是,在实际操作中,大多数浏览器使用单进程来处理页面加载,这可能导致页面渲染停滞。
Javascript在浏览器中的性能,可以说是前端开发者所要面对的最重要的可用性问题。
在Yahoo的Yslow23条规则当中,其中一条是将JS放在底部。原因是,事实上,大多数浏览器使用单进程处理UI和更新Javascript运行等多个任务,而同一时间只能有一个任务被执行。Javascript运行了多长时间,那么在浏览器空闲下来响应用户交互之前的等待时间就有多长。
从基本层面说,这意味着<script>标签的出现使整个页面因脚本解析、运行而出现等待。不论实际的 JavaScript 代码是内联的还是包含在一个不相干的外部文件中,页面下载和解析过程必须停下,等待脚本 完成这些处理,然后才能继续。这是页面生命周期必不可少的部分,因为脚本可能在运行过程中修改页面 内容。

