22
2009

分享14项前端技术:高性能网站建设指南

读《高性能网站建设指南》后有感:首先声明,我并不是一名前端专业人士,而是从事网站策划。经常有收到网友反馈,网站打开速度慢(其实,一次Web应用程序请求,就是从浏览器发出一些参数到你的服务器,然后服务器上的程序对请求进行处理,再生成浏览器可以识别的内容,如HTML、脚本、CSS、图片、Flash……等等,最后由浏览器将这些内容展现给访问者)。我们一直在尝试各种方法,比如调整服务器硬件,部署CDN,等等,大非周章及人力、财力。其实,单从网站前端上面就能够对网页进行很多优化,提高用户访问速度、解决很大一部分问题。 

这本说书主要说了14个性能规则,非常简练,几个小时就可以通读。如果能够将这些规则运用好,那么前端很大部分问题都可解决了,非常适合网站建设、策划、前端、运营等相关人员阅读。现在来看看这些规则:

本书的主要部分——14个性能规则。每个规则都进行了介绍,按照优先级顺序,每章一个。并非每个规则都要应用于每个网站,也不是每个网站都应该按同一种方式运用一个规则,但每个规则都值得考虑。本书的最后一章介绍了如何从性能的角度来分析Web页面,这一章还包含一些案例研究。

第1章:规则1——减少HTTP请求介绍了为什么额外的HTTP请求会对性能产生巨大的影响,并介绍了减少HTTP请求的方法,包括图片地图、CSS子图形、使用data:模式的URL内联图片,以及合并脚本和样式表。

第2章:规则2——使用内容发布网络强调了使用内容发布网络的优势。

第3章:规则3——添加Expires头研究了一个简单的HTTP头是如何通过使用浏览器缓存来戏剧性地改善Web页面性能的。

第4章:规则4——压缩组件解释了压缩是如何工作的,以及如何为Web服务器启用压缩,并讨论了现今存在的一些兼容性问题。

第5章:规则5——将样式表放在顶部展示了样式表是如何影响页面呈现的。

第6章:规则6——将脚本放在底部展示了脚本是如何影响呈现的,以及脚本是如何下载到浏览器中的。

第7章:规则7——避免CSS表达式讨论了CSS表达式的使用和度量其影响的重要性。

第8章:规则8——使用外部JavaScript和CSS介绍了如何权衡是内联JavaScript和CSS还是将它们放到外部文件中。

第9章:规则9——减少DNS查找强调了解析域名时的频繁查找所产生的影响。

第10章:规则10——精简JavaScript量化了从JavaScript中移除空白字符所带来的收益。

第11章:规则11——避免重定向对使用重定向提出了警示,并给出了可替代的方法。

第12章:规则12——移除重复脚本展示了如果一个页面中包含两处相同的脚本会发生什么情况。

第13章:规则13——配置ETag介绍了ETag是如何工作的,以及为什么对于任何拥有多于一台Web服务器的网站来说,默认的实现都是不好的。

第14章:规则14——使Ajax可缓存强调在使用Ajax时牢记这些性能规则的重要性。

第15章:析构十大网站就如何确定现实世界中的网站的性能改进给出了一些实例。

购买《高性能网站建设指南》

Written by 胡晓 in: 工作分享 | 标签:,

4 条评论 »

  • 鸽子

    晓晓,推荐一下Firefox插件:yslow,雅虎开发的。

    评论 | 2009-03-23
  • 周裕波

    晓晓,你这文章写得很及时,不过此书的主要内容还是根据楼上这位朋友说的yslow的功能及核心来写来的。

    评论 | 2009-03-23
  • yslow非常强大,我平日也用

    评论 | 2009-03-23
  • 哈哈,yslow 2.o出来了哟,大家快去试试吧!

    评论 | 2009-05-06

RSS feed for comments on this post. TrackBack URL

留下评论

Spam Protection by WP-SpamFree

Powered by WordPress | Aeros Theme | TheBuckmaker.com WordPress Themes