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

        上周看了一本《高性能网站建设指南》,感觉写得很不错,对于一个做Web前端的人员来讲,受益很大,也让我全面的了解了Web前端的瓶颈到底在哪?这周接着再看一下《高性能网站建设进阶指南》这本书,这两本书是属于同一个作者,这本书讲得会列加详细些,可能看得时间也比较长,但是没关系,慢慢看,慢慢体会,也推荐给大家看一下,在我看得同时也把要点记录一下,供大家参考,也为自己在这本书签个到。

 

        优化性能的总结:先查找性能的瓶颈、优化影响性能最大的的瓶颈的地方。

                                  浏览器通常运行在JavaScript上的时间很少,大部分时间都用于DOM和HTTP请求上。

 

        由于浏览器是单线程执行且JavaScript不支持多线程,不论是鼠标点击还是键盘的按键等每一个动作都是以队列的形式来执行,所以不论是哪个操作影响性能都会阻塞队列中后续操作的响应,所以要优化性能就应该优化每个动作的执行时间,当然我们不可能这样做,但是当我们发现操作慢时就应该找到影响性能(可以通过计时器、firebug、等工具找出影响性能的操作)的那个动作加以优化。对于用户来讲,一般一个动作不超过0.1秒用户是感觉流畅的,但是当超过0.2-1.0秒之间,用户是能感觉出来操作不流畅的感觉,所以要有一个提示,当超过10秒的操作是应该有一个进度条有指示,否则会让用户感觉在无限的等待之中。

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
高性能网站建设指南 “如果实现了Steve这些建议中的20%,你的站点就能出现戏剧性的变化。有了这本书和YSlow扩展,实在是没有理由再构建出运行速度缓慢的网站了。”         ——Joe Hewitt,Firebu9调试器和Mozilla的DOM解释器的开发者   “Steve Souders完成了一项神奇的工作,他提出了一系列简明的、可操作的,并且注重实效的开发步骤,使Web性能世界发生了翻天覆地的改变。”         ——Eric Lawrence,微软Fiddler Web Debugger开发者   想让你的网站显示得更快?本书提供了14种规则,可以使用户在请求页面时减少20%~25%的响应时间。作为Chief Performance Yahoo!,作者Steve Souders收集了在优化网络时访问最多的页面积累下来的最佳实践。即使网站已经进行了高度的优化——如Yahoo!Search和Yahoo!首页——我们也能从这些出奇简单的性能规则中获益。   《高性能网站建设指南一书介绍了如何针对网站中的Ajax、CSS、JavaScript、Flash和图片进行性能优化。每个性能规则都提供了示例,在本书的配套网站上可以找到代码片段。这些规则包括:   •减少HTTP请求     •使用外部JavaScript和CSS   •使用内容发布网络   •减少DNS查找   •添力Expires头     •精简JavaScript   •压缩组件       •避免重定向   •将样式表放在顶部 •移除重复脚本   •将脚本放在底部   •配置ETag   •避免CSS表达式   •使Ajax可缓存   如果你希望构建高流量页面,并且改善用户访问网站的体验,那么本书是你不可或缺之物。   Steve Souders,Chief Performance Yahoo!,为Yahoo!的其他产品团队开发了性能分析工具,并致力于推广这些最佳实践和工具。在加盟Yahoo!之前,Stevee曾就职于多家中小型公司,其中有两家还是他协办的——Helix Systems和CoolSync。他是斯坦福大学管理科学与工程硕士。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值