高性能web前端优化,是指通过对网页前端(代码及图片)进行标准化分析,重组,精简,删改等优化手段,实现提高网页载入速度,提升用户体验的过程。一句话,就是提高网页载入速度。
在开始之前你可以看看这篇文章:为什么会有web前端优化?
现在的这篇文章,是我的web前端优化执行过程的目录。此时此刻的执行目录,是没有加链接的(因为我还没开始写文章呢),而且可能不完善,不过随着我的web前端优化相关文章的更新,我会同步更新此目录中的相关链接,我的更新频率在1-3天1篇这个境界,欢迎关注。(关注你妹!更新这么慢。。)
其实,大部分web前端优化手段对于一些稍懂代码的同学就是一点通。所以即使你只看这个执行目录,不看链接的具体文章,在你有基础知识的前提下,你就可以直接开始优化过程了。
高性能web前端优化执行目录如下:
一,基础优化:
二,优化图片等组件:
三,优化html代码:
四,css与javascript优化:
- 外链css?还是内嵌?
- css与javascript载入顺序
- 压缩css的方法及工具
- 压缩javascript的方法及工具
- css及javascript多文件合并
五,服务器优化:
- 尽量避免重定向
- 使用内容传递网络(CDN)
- 开启服务器缓存
- 开启服务器文件压缩(如gzip)
- 添加过期时间头(Expires Header)
- 配置实体标签(E-tag)
六,其他注意事项:
- 硬伤:网站空间的速度
- 无可奈何:用户浏览器的性能参差不齐
- 妈的:该死的IE6
以上就是我的<高性能web前端优化指南目录>,目前还在完善中,以后可能会有增删。相关链接随着文章的更新会同步加上
老公我觉得你可以出书了
高端优化这个做起来是不是很难呀
老朽来向博主学习啦。
没有做过前端优化。
前端优化有很多东西要学习的
呵呵。
呵呵,等你写完了,我再好好看下,学习下
哪里有这书 看看
@潮人蛤蟆镜,
没有什么书。。这是我正打算写的系列文章的目录,囧