高性能web前端优化，是指通过对网页前端（代码及图片）进行标准化分析，重组，精简，删改等优化手段，实现提高网页载入速度，提升用户体验的过程。一句话，就是提高网页载入速度。

在开始之前你可以看看这篇文章：为什么会有web前端优化？

现在的这篇文章，是我的web前端优化执行过程的目录。此时此刻的执行目录，是没有加链接的（因为我还没开始写文章呢），而且可能不完善，不过随着我的web前端优化相关文章的更新，我会同步更新此目录中的相关链接，我的更新频率在1-3天1篇这个境界，欢迎关注。（关注你妹！更新这么慢。。）

其实，大部分web前端优化手段对于一些稍懂代码的同学就是一点通。所以即使你只看这个执行目录，不看链接的具体文章，在你有基础知识的前提下，你就可以直接开始优化过程了。

高性能web前端优化执行目录如下：

一，基础优化：

1. 基础原则：尽量减少http请求数据量
2. 尽量实现网页静态化
3. 启用服务器缓存
4. 压缩页面元素（gzip）

二，优化图片等组件：

1. 网页图片使用的一些忌讳
2. 图片整合技术(CSS sprite)
3. 一些优化图片的小技巧
4. 在网页中插入flash的一些问题

三，优化html代码：

1. 基础原则：精简
2. 启用html压缩(如gzip)
3. 关于web在线编辑器的使用
4. 关于table元素的优化
5. 不得不说：html与seo

四，css与javascript优化：

1. 外链css?还是内链？
2. css与javascript载入顺序
3. 压缩css的方法及工具
4. 压缩javascript的方法及工具
5. css及javascript多文件合并
6. 最直接：启用gzip来压缩css和js

五，服务器优化：

1. 尽量避免重定向
2. 使用内容传递网络（CDN）
3. 开启服务器缓存
4. 开启服务器文件压缩（如gzip）
5. 添加过期时间头（Expires Header）
6. 配置实体标签（E-tag）

六，其他注意事项：

1. 硬伤：网站空间的速度
2. 无可奈何：用户浏览器的性能参差不齐
3. 妈的：该死的IE6

以上就是我的<高性能web前端优化指南目录>，目前还在完善中，以后可能会有增删。相关链接随着文章的更新会同步加上

本文链接: http://www.jo2.org/archives/231.htm.转载请保留.