《高性能网站建设指南》笔记

原创 2009年05月12日 15:20:00

花了几个小时看完了o'reilly出版的《高性能网站建设指南》,不是很厚的一本书,看的不是很仔细,因为这本书主要是对yslow的给出的14条网站建议做了一个阐述,而这14条建议,我想做网站的应该早就知道的吧。

 

看完之后,对我来说印象比较深刻的有以下几点:

 

1. 为什么要把css引用放在顶部,js引用放在底部。以前只是知道最好在页面上把css放在<head>中,而把js放在页面最后,却不是很了解为什么要这么做。看完这本书才明白,因为css会影响页面的渲染,所以浏览器一般为了避免重绘dom,都是等css全部加载完了才把dom展现出来,这样一来,如果把css放在底部,就会造成“空白页”,用户体验不好,因为页面加载的过程其实对用户来说也相当于一种“进度条”,如果是空白页,用户就不知道页面出了什么问题。此外,css放在底部还会造成页面的“闪动”,dom本来加载完了,到了页面最底部,加载了一个css,引起了页面的重绘,所以会造成页面“闪动”。而js的加载会阻塞dom的并行加载,为什么呢?因为js中有document.write这样的命令可能会修改dom,所以浏览器碰到js时都是暂停dom的加载,直到js加载完。所以一般最好把js放在底部

 

2. 最好不要用css表达式。第一,浏览器支持不好,第二,能用css表达式的地方基本都有替代的解决方案,第三,对性能影响较大。为什么这么说?举个例子:css:expression(document.width>200?document.width=200:document.width=100),(可能写的不对,我对css不熟,但大概意思就是当页面宽度大于200时,设置宽度为200,否则是100),关键问题在于这个表达式什么时候触发,书中说当拖动页面的滚动条,甚至鼠标经过页面时,都会触发这个表达式来重绘页面,一个测试方法就是在这个表达式中加入一段计数的js代码,当拖动页面时,会看到计数器的数字是上千甚至上万,所以对性能的影响还是挺大的。

 

其他的都很好理解,就没有什么好说的了,可以参考一下yslow的14条建议。

《高性能网站建设进阶指南》学习笔记

第1章  理解 Ajax 性能 过早的优化是万恶之源-Donald Knuth 1.1 权衡 时间、质量和成本,三选二。 1.2 优化原则 把重点放在对程序整体开销影响最大的部分。 仔细观...
  • jiangtaozy
  • jiangtaozy
  • 2017年01月11日 22:09
  • 525

《高性能网站建设指南》笔记

查看网站排名 http://www.alexa.comHTTP规范     http://www.w3.org/Protocols/rfc2616/rfc2616.html对HTTP协议的学习,推荐看...
  • ulark
  • ulark
  • 2009年12月15日 10:27
  • 301

关于web性能的思考与分享[08]雅虎14条军规—高性能网站建设指南

1、尽可能减少http请求 当你打开网页的时候,你所看到的文字、图片、多媒体等,这一切内容都是你从服务器获取的,每一个内容(文件,如js\css\html\json\img...)的获取就是一个ht...
  • ImagineCode
  • ImagineCode
  • 2015年12月19日 22:50
  • 1054

读《高性能网站建设指南》——笔记

小吐槽:每次想用MarkDown编辑器,网站就会挂掉,呵,有毒(o_ _)ノ 趁着有空?来看一下之前老师推荐的《高性能网站建设指南》,pdf只有一百多页不是很长,在这做一下笔记吧。 网站性...
  • Yui_mio
  • Yui_mio
  • 2017年06月12日 14:48
  • 120

高性能网站设计

高并发访问的核心原则其实就一句话“把所有的用户访问请求都尽量往前推”。 如果把来访用户比作来犯的"敌人",我们一定要把他们挡在800里地以外,即不能让他们的请求一下打到我们的指挥部(指挥部就是数据库及...
  • xueyinzhao4
  • xueyinzhao4
  • 2013年09月19日 10:21
  • 442

高性能网站建设指南总结

减少HTTP请求多数服务端渲染的页面只有10%-20%的最终用户响应时间花在了所请求的HTML文档上,剩下的80%-90%的时间花在为HTML文档所应用的所有组件(图片,脚本,样式表,Flash等)进...
  • sysuzhyupeng
  • sysuzhyupeng
  • 2017年02月03日 17:42
  • 164

web性能优化 高性能网站建设指南

公司的平台需要对访问速度等进行优化,大致的方向就是从缓存、压缩、减少请求等方面进行处理,不光需要对网络有一定的理解,也需要对浏览器的机制以及前端的技术等有些许的了解,在这个过程中,阅读了《高性能网站建...
  • aoshilang2249
  • aoshilang2249
  • 2017年08月04日 16:32
  • 293

高性能网站建设指南--前端

性能黄金法则:只有10%-20%的最终用户响应时间花在了下载HTML文档上,其余的80%-90%时间花在了下载页面中的所有组件上。规则1、减少HTTP请求1、图片地图2、合并脚本和样式表规则2、使用内...
  • caleng
  • caleng
  • 2010年02月01日 11:15
  • 718

《高性能网站建设指南》学习笔记

在线示例: http://stevesouders.com/hpws 序言A  前端性能的重要性 性能黄金法则: 只有10%~20%的最终用户响应时间花在了下载HTML文档上,其余的80%~9...
  • jiangtaozy
  • jiangtaozy
  • 2016年10月31日 10:34
  • 453

高性能网站建设指南 读书笔记

高性能网站建设指南--笔记 ================================================================================ ...
  • xradio
  • xradio
  • 2014年10月06日 00:40
  • 435
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:《高性能网站建设指南》笔记
举报原因:
原因补充:

(最多只允许输入30个字)