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

原创 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条建议。

《高性能网站建设指南》阅读笔记_规则13- 配置ETag

ETag:实体标签,是web服务器和浏览器用于确认缓存组件的有效性的一种机制。是唯一标识了一个组件的一个特定版本的字符串.IIS上的ETag格式是Filetimestamp:ChangeNumber即...

《高性能网站建设指南》学习笔记——前端性能优化准则

《高性能网站建设指南》学习笔记该书没有深入js或html代码本身的逻辑,而是从性能优化角度讲述了性能测试人员能够关注和实施的一些性能优化实践。书中介绍的14条前端性能优化规则,即是雅虎Yslow所采用...

&lt;读书笔记&gt;《高性能网站建设指南:前端工程师技能精髓》

只有10-20%的最终用户响应时间花在了下载HTML文档上。其余的80-90%时间花在了下载页面中的所有组件上。 规则1、减少HTTP请求 图片地图:将多个图片合并成一个,而后通过css定位显...
  • thqy39
  • thqy39
  • 2017年06月20日 20:01
  • 128

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

网站优化

《高性能网站建设指南》阅读笔记_规则5- 将样式放在顶部

首先书中提到了可视化反馈的重要性,一个很常见的例子就是进度指示器: 在我们这里,HTML页面就相当于进度指示器,当浏览器逐步的加载页面时,页头,导航栏等,所有这些为等待页面的用户提供视觉反馈。按...

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

1.减少HTTP请求:    a. 用CSS Sprites产生一张图片,而非分开的图片,这样只用请求1次而非多次。一个图片关联多个url。通过background-position属性指定CSS偏...

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

《高性能网站建设指南》,这是一本值得所有网站前端人员、网站开发人员、网站产品经理一读的好书。 《高》首先分析了网站的用户响应时间都花在哪里,然后在这个基础上归纳出提高性能的若干办法,最后以十大网站为...

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

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

《高性能网站建设指南》阅读笔记_规则9- 减少DNS查找

首先解释几个名词: DNS:大家都知道是域名系统 TTL值(Time- to - live,生存时间): 每个记录都有一个生存时间(TTL)值,这个值就决定了这个纪录什么时候刷新,进而被其他查询...

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

《高性能网站建设指南》读书笔记:   性能黄金法则:   只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。规则1 减少H...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:《高性能网站建设指南》笔记
举报原因:
原因补充:

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