1、减少HTTP请求

80%的终端用户响应时间花在了前台。其中，大部分时间都用于下载页面中的各种组件——图像、样式表、脚本、Flash等等。因此，减少组件的数量就能够减少呈现页面所需的HTTP请求数量。这正是加速网页显示的关键所在。

减少页面中组件的一种思路是简化页面的设计。然而，是否存在一种既能使页面内容丰富，又可以加速响应时间的方案呢？以下就是一些既能够减少HTTP请求数量，又可以确保页面内容丰富的技术。

通过图像地图将多幅图像组合为一幅图像。这样一来，虽然整体尺寸相同，但可以减少HTTP请求，进而加速页面显示。不过，图像地图只适用于页面中连续的图像，比如导航条。而且，定义图像地图中的坐标值通常会令人头疼，也容易出错。

• 未使用图像地图的例子：http://stevesouders.com/hpws/imagemap-no.php
• 使用了图像地图的例子：http://stevesouders.com/hpws/imagemap.php

• 推荐的一个精彩的例子：http://www.bookofjavascript.com/Websites/Salon/frame.html

“CSS精灵”是减少图像请求次数的首选方法。所谓“CSS精灵”，就是将页面中要用到的所有图像都组合到一幅图像中，然后通过CSS中的background-image和background-position属性，按照需要显示这幅图像中的不同部分。 (更多…)

原文： Exceptional Performance : Best Practices for Speeding Up Your Web Site

非同凡响的性能：加速网站的最佳实践
——构建高性能网站的14条法则

作者：Steve Souders

1、减少HTTP请求
2、使用CDN（Content Delivery Network，内容分发网络）
3、添加到期头部信息
4、以gzip方式压缩组件
5、把样式表放在顶部
6、把脚本放在底部
7、避免使用CSS表达式
8、JavaScript和CSS外部化
9、减少DNS查询
10、控制JavaScript代码量
11、避免重定向操作
12、去掉多余的脚本
13、配置ETag
14、开启Ajax的缓存

前台性能的重要性

2004年，我在Yahoo!创建了Exceptional Performance小组。这是一个经过特别许可的个小团队，它的任务是度量和改进Yahoo!产品的性能。作为在职业生涯中的大部分时间内一直从事后台开发的工程师来说，我提议建立这个小组是因为过去的一个代码优化项目——通过了解Web性能可以识别出最容易改进的机会。因为我们的目标是改善最终用户的体验，所以我在各种带宽条件下观测了浏览器的响应时间。结果，我们绘制出了一幅针对http://www.yahoo.com中HTTP通信量的图表。

在上面这幅图中，第一个名为“html”的橫条表示对HTML文档的初始请求。这里，终端用户只有5%的时间花在了取得HTML文档上面。同样的结果差不多对所有的网站也都适用。在作为样本的美国前10大网站中，除了一个网站之外，取得HTML文档所用时间均不到总响应时间的20%。另外80%多的时间则花在了处理HTML文档（也就是前台）的内容上面。这也就是我们把加速网站的重点放在改进前台性能之上的原因。

以前台性能作为出发点的原因主要有三个：
1、前台具有更多的改进潜力。节省一半前台处理时间可以节约响应时间的40%，而节省一半后台处理时间只会节约不到10%的响应时间。
2、改进前台通常比改进后台需要投入的时间和资源更少。因为改进后台涉及到重新设计应用程序架构和代码、查找和优化关键代码路径、添加或升级硬件、分布数据库等等。
3、调整前台性能已经证明是可行的。通过遵循我们提出的性能最佳实践，Yahoo!中50多个团队服务的终端用户响应时间都节省了25%以上。
我们提出的性能黄金定律是：先从优化前台性能着手，因为前台处理要占用80%甚至更多的终端用户响应时间。

The Essential Guide to Dreamweaver CS3 with CSS, Ajax, and PHP

亚马逊五星级好书，面向初中级读者，介绍了Dreamweaver CS3的方方面面，堪称一本权威指南。

作者David Powers的其他畅销书还有《Foundation PHP for Dreamweaver 8》 和《PHP Solutions: Dynamic Web Design Made Easy》。

希望懂Web开发技术、有翻译经验，特别是有责任心的译者抓紧时间报名。合作成功者可随意挑选一本我的译作（见页眉“Home”主页链接右侧）相赠。报名方式，留言（一定要留下Email）。

目录

• Chapter 1: Dreamweaver CS3Your Creative Partner
• Chapter 2: Building Dynamic Sites with Ajax and PHP
• Chapter 3: Getting the Work Environment Ready
• Chapter 4: Setting Up a PHP Site
• Chapter 5: Adding a Touch of Style
• Chapter 6: Creating a CSS Site Straight Out of the Box
• Chapter 7: Building Site Navigation with the Spry Menu Bar
• Chapter 8: Sprucing Up Content with Spry Widgets
• Chapter 9: Building Online Forms and Validating Input
• Chapter 10: Introducing the Basics of PHP
• Chapter 11: Using PHP to Process a Form
• Chapter 12: Working with PHP Includes and Templates
• Chapter 13: Setting Up MySQL and phpMyAdmin
• Chapter 14: Storing Records in a Database
• Chapter 15: Controlling Access to Your Site
• Chapter 16: Working with Multiple Tables
• Chapter 17: Searching Records and Handling Dates
• Chapter 18: Using XSLT to Display Live News Feeds and XML
• Chapter 19: Using Spry to Display XML
• Chapter 20: Getting the Best of Both Worlds with PHP and Spry

《现代Web视觉设计艺术》

Visual Design for the Modern Web
by Penny McIntire (Author)

• Paperback: 360 pages
• Publisher: New Riders Press; 1 edition (November 24, 2007)
• Language: English

看封面挺酷的！而且，是刚上市不久的，还带着油墨香味。草草翻译本书简介如下：

如同伟大的艺术家必须理解自己的创作工具，伟大的Web设计师也必须理解自己作品背后的技术。在Web视觉设计领域，本书作者Penny McIntire展示了Web设计初学者通过使用必要的工具——包括HTML、CSS和JavaScript——与美学原理和可用性相结合，成为一名艺术大师的过程（有点夸张）。本书以对Web结构相关技术及概念的解释开篇，之后示范了怎样应用设计规则来创建完美的网站。本书：

• 通过实例说明了怎样把基本的设计原理应用于Web设计
• 使用图像、表格以及图示来辅助学习记忆的保持
• 涵盖了站点分析、导航、布局、色彩、图形、排版及表单等设计元素
• 示范了使网站获得良好观感的多种技术
• 围绕使网站具有可用性、魅力四射和使人过目不忘的特性而展开

《Web开发解决方案》

Web Development Solutions: Ajax, APIs, Libraries, and Hosted Services Made Easy (Paperback)
by Christian Heilmann (Author), Mark ‘Norm’ Norman Francis (Author)

• Paperback: 280 pages
• Publisher: friends of ED (April 18, 2007)
• Language: English
• ISBN-10: 1590598067
• ISBN-13: 978-1590598061

这本是Chris与Mark合著的，看了每章的名称，就知道不好翻译——Chris就这风格。所以，将目录“戏”译如下，仅供参考：

第1章 等等我，Web……你得快点！
第2章 “张扬个性”难题有解
第3章 刚上路要知道个啥
第4章 浑水摸鱼——Web为你提供了What
第5章 通过REST和Ajax获取并显示内容
第6章 添加媒体文件
第7章 自我宣传
第8章 布局与导航
第9章 添加特殊效果
第10章 出了问题怎么办，找谁解决？

注意：

理解Web开发并对翻译这2本有挑战性的新书有热情的朋友
可与华章公司陈冀康主任联络：
cjk[at]hzbook.com
chenjikang[at]hotmail.com
010-88379512

《Advanced DOM Scripting》就快交稿了！

为了写译者序，一直在关注Amazon上有关这本书的评论。但从2007年6月24日该书的技术编辑Cameron Turner发表了Perfect in Every Way（一本十全十美的书）的5星评论后，一直没人再加评论。

今天早上，突然发现罗得岛的Richard和奥斯汀的T.Dalmasso发表了两篇评论。令人吃惊的是，他们一个给出3星，另一个则给出1星。

为什么三条评论会有这样大的差距呢？惊讶之余，看看他们都说了些什么：

Cameron Turner说，这是一本真正针对构建下一代 Web 应用的书。到目前为止，这还是绝无仅有的。如果你需要更好地体现网站的功能性、灵活性和可访问性，以及大势所趋的“耀眼的 Web 2.0”，那么这本书是“必买”的。

Jeff 的写作风格和行文基调使这本书更加完美。他不仅能把复杂的问题讲解得通俗易懂，而且提供了很多有实用价值的例子。

提示：如果你还是一个新手，可不要买这本书（因为它定位于 AdvancED 这个层次上）。只有真正理解了 CSS、JavaScript 和 HTML 才能读懂学会这本书的内容。相信所有专业的 Web 软件开发人员都会在 7 月 24 日（本书出版日）之后希望得到这本书。

(更多…)

file——文件，document——文档，二者是什么关系呢？

在讨论XML时，你经常会看到文件和文档这两个术语。一般而言，它们的含义是相同。而当一段XML代码并不与硬盘中的某个文件相关时，这两个术语的差别就会体现出来。例如，XML代码完全可以（有时候也是必须的）由程序动态生成，对动态生成的代码就无所谓文件的概念了。此时，使用更抽象的术语——文档会更贴切。

以上文字摘自《Ajax构建工具箱指南》。这也解释了DOM（Document Object Model，文档对象模型）中文档这个术语的用法。因为文件是相对稳定的，而文档却可以动态生成，这正符合DOM元素的动态特性。