《Web站点优化》读书笔记
第一章 搜索引擎自然排名优化
1，有很多免费的关键字研究工具。如Wordtracker等。
2，Windows用户可以使用IIS重定向，这对于搜索引擎来说是透明的。
第二章 搜索引擎优化案例学习
1，Lynx浏览器：它是一款免费开源的文本模式浏览器，它查看网页的方式与搜索引擎爬虫相同。即它只看页面的文字部分。
第三章 点击付费优化
第四章 PPC案例分析：BodyGlove.com
第五章 转换率优化
第六章 网页优化
1，人们会在瞬间决定网页的审美效果以及由此产生的页面可靠性。在仅有的1/20秒内，用户就会对你的网页形成第一印象，并且不会随时间发生显著改变。
2，加快网页速度的10种办法
☂ 尽量减少HTTP请求
将图形化文本转换为样式化文本
合并图像
合并优化css和javascript文件
尽量少用框架和javascript包含
☂ 调整图片大小并优化
☂ 优化多媒体
☂ 将JavaScript转换成CSS
☂ 使用服务器端探测
☂ 优化Javascript获得更快的执行速度和更小的文件体积
借助JavaScript分析器来定位性能瓶颈
如Mozilla的Venkman JavaScript调试器
☂ 把表布局转换为CSS布局
使用BrowserCam快速测试多浏览器上的CSS布局效果
☂ 用CSS规则替代内联样式
☂ 最小化初始显示时间
通过快速加载网页上更有用的部分来提高网页的显示速度。
☂ 理智地加载Javascript
3，CSS置顶，JavaScript置底
4，使用CSS精灵。CSS精灵是由多幅图像按网格状拼成的合成图像，它可以作为多个类的CSS背景图片，而每个类通过背景定位各自显示其中某些子图。CSS精灵节省了HTTP请求，但是必须小心使用以保证可访问性。
5，《High Performance Web sites》(O’Reilly)一书中高性能网站的窍门：
☂ 用更少的HTTP请求减少对象开销
☂ 使用内容发布网络（CDN）
☂ 添加Expires头部信息
☂ Gzip/压缩文本部件
☂ 把样式表放在网页头的顶部
☂ 把脚本放到网页主体的底部
☂ 避免使用计算密集且频繁的CSS表达式
☂ 将Javascript和CSS保存为外部文件
☂ 将同一页面中的域名划分为2到4个，这样可以减少DNS查询从而减少DNS延迟。
☂ 精简Javascript
☂ 不要使用降低性能的重定向。更好的方法是使用CHAME或别名
☂ 删除重复脚本，减少IE里多余的HTTP请求
☂ 为多服务器的站点配置Etag。Apache中设置FileETag为none就可以避免不当的缓存校验。
☂ 编写可缓存且小巧的Ajax，避免不必要的HTTP请求。
第七章 CSS优化
1，CSS优化的十大技巧
☂ 用类型选择器代替内联样式，从而定位相同元素的多个实例
☂ 使用后台选择器，而不要使用内联类
☂ 将存在相同声明的选择器归组
☂ 将相同选择器的不同声明归组
☂ 将相同样式合并为共享类
☂ 利用继承来消除重复声明
☂ 使用CSS缩写来简化规则和颜色的定义
☂ 缩写较长的类名和ID名
☂ 使用CSS2和CSS3.x技术
☂ 用CSS技术来代替JavaScript动作
第八章 Ajax优化
1，XMLHttpRequest对象
2，安全的JavaScript压缩工具
许多基于Rhino JavaScript引擎的工具，在安全压缩方面做得不错，例如：YUICompressor（http://www.julienlecomte.net/yuicompressor/）和Dojo ShrinkSafe（http://www.dojotoolkit.com/docs/shrinksafe）。有些开源工具，例如Dean Edwards的Packer（http://dean.edwards.name/packer/）和一些商业工具，例如w3compiler（http://w3compiler.com），具有更激进的优化特性。
第九章 高级Web性能优化
1，服务器端优化技术
☂ 优化并行下载
选择多个域名来提高下载的并行度
☂ 缓存频繁使用的对象
☂ 使用HTTP压缩
☂ 使用delta编码
☂ 用mod_rewrite重写URI
2，客户端的性能技术
☂ 延缓脚本加载
☂ JavaScript优化和打包
☂ 用数据URI内联图片
第十章 网站优化指标
1，可以度量的，就可以管理
2，数据胜于直觉
3，常见的分析技术有两种：网络服务器日志分析和JavaScript页面标签。
日志分析工具：Webalizer，http://www.mrunix.net/webalizer/
AWStats，http://awstats.sourceforge.net/
Analog，http://www.analog.cx/
JavaScript页面标签工具：Google Website Optimizer，可以进行多变量测试，即可以对页面某部分进行流量跟踪和分析。
混合分析工具：UsaProxy，可以同时追踪客户端交互和HTTP活动。
用户体验测试工具：Keynote System的WebEffectie软件，根据该软件提供的报告，可以得知成功率、浏览时间、访问页面、停留和加载时间、以及其他指标。
4，搜索市场完全就是策略。要考虑行动、进行试验、度量、做出决策、测试、然后回过头来，反复地进行试验，直到你找到了适合自己网站的方式。
5，网站性能指标
指标分为三类。
速度清单：缓存静态对象
合并JavaScript/CSS文件
使用内容分发网络（CDN）
Gzip
压缩图片
保持活动或者持续连接
Cookies
精简JavaScript/CSS
请求统计：接收的千字节
发送的千字节
请求数量
Socket连接
域名系统（DNS）查找
未修改（304）
重定向（301/302）
找不到页面（404）
（这一系列指标越高，加载时间就可能越长，应试图降低这些指标）
加载时间：TTFB，从用户请求HTML文档开始，直到服务器处理了该请求并开始下载内容
开始生成，屏幕开始绘制的时刻。在到达该时刻之前，页面呈现给用户的是空白页
文档完成或“Web 1.0”时刻，当html和css调用的所有图片和脚本都下载完成时，触发该事件
完全加载Fully Loaoled或“Web 2..0”时刻
6，刷新DNS
在Windows XP下：选择开始à运行。输入ipconfig/flushdns，然后点击确定即可。
7，模拟连接速度工具：Charles，http://www.charlesproxy.com/
8，http请求过程：当访问新的域名时，会发生DNS查找，来获取该域名对应的IP。然后操作系统会在用户的本地缓存中将它们储存30分钟。减少这种查找很重要，因为其用时具有差异。
在获得IP后，浏览器打开与服务器的socket连接。假设可以使用持续连接（保持活动），那么在任何时刻都有两个同时的socket连接保持开放。如果不能使用持续连接，浏览器就会为每个请求打开一个socket连接。
一旦socket被打开（或重用），浏览器向网络服务器发送另一个请求。最后服务器根据浏览器的请求作出内容响应。
9，开始绘制页面，在页面显示之前（即开始绘制之前？），必须下载由html元素<head>所调用的所有元素。
10，前端性能测试工具：IBM Page Detailer，FireBug，AOL Pagetest，YSlow，httpwatch等。
