《Web站点优化》读书笔记

最新推荐文章于 2022-10-18 17:57:17 发布

weixin_33747129

最新推荐文章于 2022-10-18 17:57:17 发布

阅读量111

点赞数

文章标签： javascript 运维操作系统 ViewUI

第一章搜索引擎自然排名优化

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内联图片