高性能web前端优化指南目录

高性能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. 关于web在线编辑器的使用
  3. 关于table元素的优化
  4. 不得不说:html与seo

四,css与javascript优化:

  1. 外链css?还是内嵌?
  2. css与javascript载入顺序
  3. 压缩css的方法及工具
  4. 压缩javascript的方法及工具
  5. css及javascript多文件合并

五,服务器优化:

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

六,其他注意事项:

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

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

《高性能web前端优化指南目录》有8个想法

发表评论

电子邮件地址不会被公开。