第一章 搜索引擎自然排名优化
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等。