YAOHAIXIAO.COM

HTML(5),CSS(3),JavaScript,DOM,Ajax,JSON,Front-end technologies & Yaohaixiao

热门标签:JavaScript Performance 前端开发 前端性能优化 原创

Rss

Home » Frontend » Performance » 推荐几本前端性能优化相关的书籍

推荐几本前端性能优化相关的书籍

之前写了关于前端性能优化的系列博文,介绍了 YSlow 和 PageSpeed 的前端性能优化的规则。而今天则要给大家推荐几本个人认为不错的关于前端性能优化的书籍。

《高性能网站建设指南》

high-performance-web-sites

  • 作者:Steve Souders
  • 出版社:电子工业出版社

简介:这本书是 Steve 还在任雅虎首席性能分析师时编写的,这个本书应该算是前端工程师必看的一本书关于前端性能优化的书了。真不必多介绍了,一定要买了看看!

整本书就是介绍14条前端性能优化规则,每一条规则都是前端工程师们应该牢记的(Steve 的演讲视频:High Performance Web Sites 14 Rules for Faster Pages):

  1. 尽可能的减少 HTTP 的请求数
  2. 使用 CDN(Content Delivery Network)
  3. 添加 Expires 头
  4. Gzip 组件
  5. CSS 样式放在页面的上方
  6. 将脚本移动到底部
  7. 避免使用 CSS 中的 Expressions
  8. JavaScriptCSS 独立成外部文件
  9. 减少 DNS 查询
  10. 压缩 JavaScriptCSS
  11. 避免重定向
  12. 移除重复的脚本
  13. 配置实体标签(ETags)
  14. 使 Ajax 缓存

上面前端优化性能的14条指导规则绝对可以算得上是经典了,不过对于初学者来说,书里对具体的操作设置细节则介绍得不够详细,或者只是一笔带过。要想了解更加具体的操作细节,大家可以参阅 YSlow 和 PageSpeed 的文档或者我的博文。

《高性能网站建设进阶指南:Web开发者性能优化最佳实践》

even-faster-web-sites

  • 作者:Steve Souders
  • 特约作者:Dion Almaer、Douglas Crockford、Ben Balbraith、Tony Gentilcore、Dylan Schiemann、Stoyan Stefanov、Nicole Sullivan、Nicholas C. Zakas
  • 出版社:电子工业出版社

简介:这本书是 Steve 到 Google 工作后编写的,这里介绍了一些他新的前端性能优化的研究成果,而且 Steve 这本书里将很多章节都交给了特约作者来编写(这些人全都是最顶尖的专家了),会更加具有权威性。

不过还是跟之前的《高性能网站建设指南》一样,一些具体的设置操作细节没有交代清楚。不过好在 PageSpeed 的文档将书里的内容做了非常详细的规则划分,而每个性能优化规则也给出了较详细的处理建议。

《高性能JavaScript

high-performance-javascript

  • 作者:Nicholas C. Zakas
  • 出版社:电子工业出版社

《编写可维护的JavaScript

maintainable-javaScript

  • 作者:Nicholas C. Zakas
  • 出版社:人民邮电出版社

《Effective JavaScript: 编写高质量JavaScript代码的68个有效方法》

effective-javascript

  • 作者:David Herman
  • 出版社:机械工业出版社

JavaScript语言精粹(修订版)》

javascript-good-parts

  • 作者:Douglas Crockfords
  • 出版社:电子工业出版社

简介:以上这4本书我就不做单个介绍了,这4本书都是关于JavaScript性能的书,几本书的内容可以互补。如果想编写高质量,高性能的JavaScript代码,我推荐大家都应该买来看看。都是大师的作品,品质绝对有保障的!不看后悔哦!因为我介绍的书中,有的现在都缺货啊!

声明:本文采用BY-NC-SA协议进行授权。转载请注明转自:推荐几本前端性能优化相关的书籍

« »

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(Spamcheck Enabled)