文章吧-经典好文章在线阅读:《高性能网站建设指南》读后感精选10篇

当前的位置:文章吧 > 经典文章 > 读后感 >

《高性能网站建设指南》读后感精选10篇

2022-05-13 12:39:19 来源:文章吧 阅读:载入中…

《高性能网站建设指南》读后感精选10篇

  《高性能网站建设指南》是一本由Steve Souders著作,电子工业出版社出版的平装图书,本书定价:35.00元,页数:146 页,文章吧小编精心整理的一些读者的读后感,希望对大家能有帮助。

  《高性能网站建设指南》读后感(一):摘记

  高性能网站建设指南

  性能黄金法则:

  只有10%~20%的最终用户响应时间花在了下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上

  HTTP Overview

  可以用压缩来减小响应大小:

  - 浏览器:HTTP头里加Accept-Encoding: gzip,deflate

  - 服务器:HTTP头里加Content-Encoding: gzip

  条件GET

  - 浏览器:If-Modified-Since: Wed, 22 Feb 2006 04:15:54 GMT

  - 服务器:Last-Modified: Wed, 22 Feb 2006 04:15:54 GMT; 304 Not Modified

  Keep-Alive持久链接

  - 浏览器:Connection: keep-alive

  - 服务器:Connection: keep-alive

  1.减少http请求

  - 合并图片

  - css sprites

  - 内联图片,<img src=“data:image/gif;base64,xxxx…”>

  - 合并脚本和样式表

  2.使用内容发布网络

  Content Delivery Networks是一组分布在不同地理位置的web服务器。

  业界领头羊是Akamai Technologies

  一般用CDN发布静态内容,如图片、脚本、样式表等

  3.添加expires头

  服务器:Expires: Thu, 15 Apr 2015 20:00:00 GMT

  cache-control使用max-age制定组件被缓存多久,以秒为单位

  服务器:Cache-Control: max-age=315360000

  两者同时出现时max-age会覆盖expires

  4.压缩组件

  浏览器:Accept-Encoding: gzip, default

  服务器:Content-Encoding: gzip

  一般压缩html, css和js,图片和pdf不值得压缩

  通常对大于1kb或2kb的文件进行压缩,mod_gzip_minimum_file_size控制希望压缩的文件最小值。

  当有代理时需要在服务器中添加Vary: Accept-Encoding

  5.将css放在顶部

  6.将脚本放在底部

  并行下载,使用两个主机名

  但脚本会阻塞下载

  也可使用延迟脚本(defferred), DEFER属性表明脚本不包含document.write,可让浏览器继续进行呈现

  7.避免css表达式

  例如background: expression((new Date()).getHours()%2 ? "#bbb" : "#fff")

  不得不用时尽量用一次性表达式

  8.使用外部js和css

  尽管内敛会减少http请求,但外链可以使js和css被缓存

  主页使用内联反而更好

  加载后下载,使用内联然后onload所需的js和css方便后续访问

  9.减少dns查找

  减少唯一主机名数量,但要与并行下载相平衡,一个主机名默认可并行下载两个文件

  10.精简js

  JSMin and Dojo Compressor

  11.避免重定向

  浏览器:

  HTTP 1.1 301 Moved Permanently (302 Moved Temporarily)

  Content-Type: text/html

  也可以:

  也可以用js的document.location

  有时如果url结尾需要有一个/而没有出现时会产生一个重定向

  重定向经常用于跟踪用户流量的流向,对于内部用户可以使用referer日志来分析,外部可以用信标beacon

  12.移除重复脚本

  13.配置或移除ETag

  实体标签(Entity Tag)是web服务器和浏览器用于确认缓存组建的有效性的一种机制。

  用法类似last-modified

  对于服务器来说是唯一的,不适用于分布式

  14.使Ajax可缓存

  如何测试

  《高性能网站建设指南》读后感(二):相关总结

  1.减少HTTP请求,把能包在一起的都包在一起

  2.利用CDN,租用或者自建,看情况

  3.添加Expires头,长期缓存

  4.压缩组件传输,除了图片和PDF

  5.CSS扔在HTML最上面(只是看起来速度快,不过USER往往是SB)

  6.JS扔到HTML最下面

  7.尽量少使用CSS表达式

  8.使用外部JS和CSS(缓存)

  9.减少DNS查询(缓存)

  10.精简JS

  11.少使用重定向

  12.避免重复脚本

  13.配置ETag

  14.Ajax缓存

  《高性能网站建设指南》书评

  这本译书的副标题是:前端工程师技能精髓。其实副标题应该是:14条让网站加速的“黄金定律”。这本书可谓是字字珠玑,虽内容很薄但层次很高级。它的作者: Steve Souders 说他在服务端开发领域中编程性能已做到极致了,这说明作者在服务端开发的领域已淫浸N久,到了无以复加的境界(可以了解国内的前端开发比国外的差距)。书中的14条“不二”规则是作者多年经验积累所得,这可不是一般人能告诉你的啊。因为前端开发的发展不长,能总结出这些条例规则的人,必须要有作者这样的高度和深度。

  绪言B HTTP协议的知识内容着实恶补了下。HTTP的相关书在国内是不多见的,所以不错的喔!

  该书适合所有Web开发人员认真仔细的阅读,不光只是前端开发人员。本文的第一句话就强调译书的副标题有误导读者的味道。而该书唯一的缺点是电工视点博文的书价太高(杀猪价,吓倒一批忠实读者)。还好的是,这本书比它出版的其它书要薄太多了,本人是在书店花三个小时看完的。

  在《Best Practices for Speeding Up Your Web Site》中共34条规则,前面的14条详细的写在书中,而后面20条规则是书中没有的:

  及早清除缓存

  AJAX 请求多用 GET 少用 POST

  延后加载组件

  预先加载组件

  减少 DOM 元素的数目

  通过域来切分组件

  iframe 的数目越少越好

  对 404 说不

  给 cookie 体积减肥

  组件用无 cookie 的域

  通过 DOM 访问越少越好

  开发灵活的事件处理

  选 <link> 而不选 @import

  规避过滤器

  优化图像

  优化 CSS Sprites

  不要在 HTML 中重新改写图像的宽高

  favicon.ico 越小越好并可缓存

  所有的组件要永远在25K以下

  将组件打包到多份文档中

  《高性能网站建设指南》读后感(三):web app 在浏览器端性能的核心影响要素

  小书一本,主要介绍网站在浏览器端的性能相关的影响因素, 脉络清晰,

  结构合理. 老外书.

  针对每个性能相关点,都尽量用图示方法来展现其性能差异, 然后提问题, 讲解提升性能的方法.

  之前没有注意前端的性能问题, 这本书给我带来诸多新思想, 一个小时的阅读,即可读完, 读后有收获, 我喜欢.....

  第二本<高性能网站建设进阶指南> 似乎也不错哦, 主要针对浏览器加载js的限制/ js 脚本运行性能 / ajax 低消耗/ iframe 的问题/ 图片格式特点及优化方法 提供了很多有用的建议, 另外还有 诸多工具推荐....

  《高性能网站建设指南》读后感(四):理论与实施之间的鸿沟,前端工程师一直在路上

  这本书出版得比较早了,但是其中的理论包括具体实施方法,在现在web前端开发中任然显得举足轻重。我一直都是在抱怨,在现实的项目环境下,我们前端工程师的生存环境并不是那么好,来自时间和预算的压力,来自项目后端开发人员对我们页面的嵌套和整合的技术水平参差不齐。要按照我们提供的方案来实现前后端平缓过渡开发,还是很难(至少是在我现在所处的环境中做不到),并不是我做不到这些,但是推动的助力不是一般的大,项目的进度周期,产品线人员培训成本,上级领导的额外要求,我只能做到我认为能做到的那一步,不求最好,只求适应当前。

  前端工程师一直都在路上,干什么呢?就是把这些当前可行的方案慢慢融入到我们自己的产品中,力求提供优秀的产品体验。研发工程师可能好点,能尽快的去接触这些优秀方案,并进行评估,一致都在路上,致还在敲键盘的同仁们,继续加油!

  本书值得推荐阅读,能给你比较系统、比较整体的理解网站高性能建设的方案。

  《高性能网站建设指南》读后感(五):很薄很强大

  这本书太爽了,一口气看完!真的很薄,薄得好,薄得强大。比起那些动不动就几百页的技术书,字字真经,更让人有读的兴趣。

  我觉得不管是前端工程师还是后台程序员,都可以看看,内容基本都是作者在工作中积累的经验和技巧,很容易引起共鸣,收获良多,往往能让人有“啊,原来可以如此!”的感慨。

  涉及到的知识大概有Html、CSS、Js、Ajax等前端技术,其实还涉及到一部分PHP和Apache服务器的配置命令等,没学过没关系,你能看懂的!

  《高性能网站建设指南》读后感(六):读高性能网站建设指南小感

  以下部分摘自:www.lq580.cn

  这本书主要讲前段的优化,包括css,javascript,网页的头信息等等,让我对前端有了更新的认识。这本书还讲了10多个优化的规则,只是讲的比较少,当然以这本书开始很好,然后根据书上介绍的规则,可以通过其他书籍来加深,我是非常喜欢了,向大家推荐

  作为第一部,该作品还有后续大作“高性能网站建设进阶指南”,两本一起买了把!

  推荐前端人员必看,怎么建设高性能的网站,就是它了。

  虽然网上有很多优化网站的东西,可是还是觉得看书比较安全,哈哈

  这个本必须要有一定的网站建设的基础的人看了还能收益,对于那些只写写代码,网站pv在千万级以下的,看了也是白看。

  《高性能网站建设指南》读后感(七):我们寻求的就是在特定条件下的最佳实践

  另外还有一些感悟:)

  我大学里学的是化学,很长一段时间里我每日的功课就是不断的做实验,去验证一个可能微不足道的化学原理。教授还告诉我们,一些化学原理仅是某个环境区间内的有效论证,也就是说如果某个参数超过某个极限值,这个化学原理就失效了。我还能回忆起当时我对这样的实验是如何的不屑。

  多年的工作经验最终让我明白,其实很多事物都是这样具有不确定性,很多时候,我们寻求的就是在特定条件下的最佳实践。从科学到生活都是如此。

  前端的环境够复杂了吧,众多的浏览器厂商,无数的浏览器版本,还有网络协议及操作系统环境的考虑。为了得到最佳实践,可以想象Steve做了多少求证的工作。

  感谢Steve,感谢Nate,感谢愿意沉下心来去探原、整理、归纳、总结、分享这些最佳实践的人。

  《高性能网站建设指南》读后感(八):回头看看,还是很有帮助的

  每天都忙于应对一个又一个的项目,有时间坐下来看看,也是对自己的一个总结。闲下来看看,这本书还是值得去翻阅一下的。

  现在看来内容有些陈旧了,但是也可以给人一些启示,我们总是要在时间、质量和成本中找到平衡的。

  小高兴一下,看了这本书,让我去学了一下YSlow的使用。

  喜欢看老外写的书,不是因为崇洋媚外,而是老外的书,不仅只是带我进入他的书里,而是带我进入一个世界,一个笔者的世界。

  《高性能网站建设指南》读后感(九):《高性能网站建设指南》书评

  这本译书的副标题是:前端工程师技能精髓。其实副标题应该是:14条让网站加速的“黄金定律”。这本书可谓是字字珠玑,虽内容很薄但层次很高级。它的作者: Steve Souders 说他在服务端开发领域中编程性能已做到极致了,这说明作者在服务端开发的领域已淫浸N久,到了无以复加的境界(可以了解国内的前端开发比国外的差距)。书中的14条“不二”规则是作者多年经验积累所得,这可不是一般人能告诉你的啊。因为前端开发的发展不长,能总结出这些条例规则的人,必须要有作者这样的高度和深度。

  绪言B HTTP协议的知识内容着实恶补了下。HTTP的相关书在国内是不多见的,所以不错的喔!

  该书适合所有Web开发人员认真仔细的阅读,不光只是前端开发人员。本文的第一句话就强调译书的副标题有误导读者的味道。而该书唯一的缺点是电工视点博文的书价太高(杀猪价,吓倒一批忠实读者)。还好的是,这本书比它出版的其它书要薄太多了,本人是在书店花三个小时看完的。

  更多请见blog:

评价:

[匿名评论]登录注册

评论加载中……