JavaScript性能优化：度量、监控与可视化

译者序

致　谢

第1章　什么是性能

　1.1　web性能

　1.2　解析与渲染

　　1.2.1　渲染引擎

　　1.2.2　javaScript引擎

　1.3　运行时性能

　1.4　为什么性能如此重要

　1.5　工具与可视化

　1.6　本书的目的

　1.7　使用的技术以及拓展阅读

　1.8　小结

第2章　测量和影响性能的工具与技术

　2.1　Firebug

　　2.1.1　安装

　　2.1.2　使用

　2.2　YSlow

　　2.2.1　安装

　　2.2.2　使用

　2.3　WebPagetest

　2.4　缩减

　　2.4.1　Minify

　　2.4.2　YUI.Compressor

　　2.4.3　Closure.Compiler

　　2.4.4　结果比较

　　2.4.5　分析与可视化

　2.5　R入门

　　2.5.1　安装并运行R

　　2.5.2　R基础

　　2.5.3　使用R进行简单绘图

　　2.5.4　R的一个实例

　　2.5.5　使用apply()函数

　2.6　小结

第3章　WPTRunner--使用WebPagetest进行自动化性能监测与可视化

　3.1　架构

　3.2　创建一个共享配置文件

　3.3　解析测试结果

　3.4　完成实例

　3.5　数据解析

　3.6　绘制加载时间

　3.7　绘制负载和HTTP请求数

　3.8　开源

　3.9　小结

　附：WebPagetest的创办人Patrick.Meenan访谈

第4章　perfLogger--Javascript基准测试和日志记录

　4.1　架构

　4.2　开始编写代码

　　4.2.1　计算测试结果

　　4.2.2　设置测试结果元数据

　　4.2.3　显示测试结果

　　4.2.4　保存数据

　　4.2.5　制定公有API

　4.3　远程日志记录

　4.4　一个示例页

　4.5　为测试结果绘制图表

　4.6　开源

　4.7　小结

第5章　展望未来，性能的标准化

　5.1　W3C的Web性能工作组

　5.2　性能对象

　　5.2.1　性能定时

　　5.2.2　用perfLogger整合性能对象

　5.3　升级日志功能

　5.4　性能导航

　5.5　性能内存

　5.6　高分辨率时间

　5.7　新数据可视化

　5.8　小结

第6章　Web性能优化

　6.1　优化页面的渲染瓶颈

　　6.1.1　脚本加载

　　6.1.2　异步

　　6.1.3　对比结果

　6.2　惰性加载

　　6.2.1　惰性加载的艺术

　　6.2.2　惰性加载脚本

　　6.2.3　惰性加载CSS

　　6.2.4　为什么不惰性加载图片

　6.3　小结

第7章　运行时性能

　7.1　跨作用域的缓存变量和属性

　　7.1.1　新建文件

　　7.1.2　创建测试

　　7.1.3　结果可视化

　　7.1.4　属性引用示例

　7.2　核心JavaScript与Frameworks的比较

　　7.2.1　jQuery与JavaScript比较：循环

　　7.2.2　jQuery与JavaScript比较：DOM访问

　7.3　Eval函数的真正价值

　7.4　DOM访问

　　7.4.1　使用队列完成DOM元素修改

　　7.4.2　使用队列添加新节点

　7.5　嵌套循环的代价

　7.6　小结

第8章　在性能、软件工程最佳实践和软件产品运行之间谋求平衡

　8.1　在性能与可读性、模块化和良好设计之间谋求平衡

　8.2　焦土化性能

　　8.2.1　内联函数

　　8.2.2　Closure.Compiler

　8.3　下一步：从实践到实际应用

　　8.3.1　Web性能监测

　　8.3.2　用工具检测你的网站

　　8.3.3　在测试实验环境中进行基准测试

　　8.3.4　分享你的发现

　8.4　小结

译者序

　　JavaScript是比较完善的一种前端开发语言，在现今的Web开发（尤其是在Web 2.0）中应用非常广泛。在Web 2.0越来越流行的今天，我们会发现，许多Web应用项目都会涉及大量的JavaScript代码，并且以后会越来越多。Web开发过程中经常会遇到一些性能问题，尤其是在针对Web 2.0的应用中，应用的性能问题很大一部分都是由于程序员编写的JavaScript脚本性能不佳所造成的，其中也包括了JavaScript语言本身的性能问题，以及与DOM交互时的性能问题。

　　JavaScript作为一种解释执行语言，加之它的单线程机制，决定了性能问题是JavaScript的软肋，这也是Web软件工程师在编写JavaScript代码过程中需要高度重视的一个问题，尤其是针对Web 2.0的应用。绝大多数Web软件工程师都或多或少地遇到过所开发的Web 2.0应用的性能欠佳问题，其主要原因就是JavaScript性能不足，浏览器负荷过重。但是，解决这种解释执行并且单线程运作语言的性能问题并非易事。

　　本书从一个体系化的角度对JavaScript性能进行考量，从Web性能探测工具，到数据的收集整理，再到数据的展示与可视化，最后是性能问题的解决，深入浅出、条理清晰。本书尝试从多个方面综合分析导致JavaScript性能问题的原因，并给出适合的解决方案，帮助读者提升Web应用的品质。

　　本书页数了了，内容精炼，但是它承载了JavaScript性能方面最为宝贵的经验。不仅从语言特性、浏览器原理、网络传输机制、数据结构等层面分析导致JavaScript性能问题的原因，而且介绍多种工具来帮助读者提升开发过程中的工作效率。

　　翻译本书的过程，也是我们学习和提高的过程。虽然我们一直关注国内外Web性能领域的相关动态，但是从未像本书的作者那样，形成一套完整的实践方法体系。每当看到书中作者提供的代码样例，我们都试图在真实环境中实践，以深刻体会作者的意图和思想。但是由于时间和软硬件环境等方面的原因，无法实践书中所有的代码样例。这里也希望读者能够亲自动手实践，这样才能够更快地掌握JavaScript性能改善的方法和能力。

　　本书的翻译组织工作由缪纶全面负责。第1～3章由缪纶和王志璋译校，作者简介、第4章、第6章由缪纶和王冠华译校，第5章、第7章、第8章由叶茂译校。