文档章节

高性能网站建设读书笔记(2)Ajax

adamduan
 adamduan
发布于 2015/12/01 13:48
字数 738
阅读 32
收藏 1
点赞 0
评论 0

理解Ajax性能

权衡

过早的优化是万恶之源--Donald Knuth

时间,质量,成本,三选二。(Project Triangle)

增量式开发(incremental development)

迭代式开发,瀑布式开发

大爆炸集成方式(big bang integration)

wiki(Interative and incremental development)

优化原则

优化的目的是希望降低程序的整体开销。

分析应用程序和分析算法密切相关。

在执行时间上有3条错误轴线,避免与错误轴线相交的方法:减少每次迭代的开销,减少迭代的次数,重新设计应用程序。

循环嵌套越多,可优化的选择越少。

必须正确地设计程序。程序不符合要求,运行速度很快也没有意义。

测试Web应用时尽可能模仿真实的用户环境,低端机器和低速网络来测试。

Ajax

重构代码能明显降低复杂性。

依据YSlow规则重构代码 http://developer.yahoo.com/yslow/

Ajax实现方式:发送数据包到服务端(通常是JSON文本),服务端返回另一个数据包(JSON编码)来响应,最后JavaScript用这些数据来更新浏览器的显示。

想通过Ajax方法对性能有积极影响,采取正确地分工至关重要。

数据包应该尽可能小。

常见的错误是把所有应用数据都发给浏览器,这会再次引入Ajax本应避免的延迟问题。这类错误也会增加浏览器需要处理的数据量,从而更加降低性能。

浏览器

使用Ajax库(如:http://developer.yahoo.com/yui/ )

运行程序最大开销往往是DOM而非JavaScript。

Wow!

程序设计者趋向于在Ajax中添加酷炫特效。

使用不当时,这些酷炫特效会由于分散用户注意力或强迫用户等待动画播放完毕从而降低他们的生产效率。

误用特效也会导致不必要的DOM操作,从而带来巨大开销。

酷炫特效只在确实能改善用户体验时才能使用

设计浏览器能胜任的事情。

JavaScript

通常情况下瓶颈不是JavaScript而是DOM。

感觉必须要重构脚本时,首先要评估。我们对于程序的真正开销的直觉往往是错的。只有通过评估,才有把握对性能产生的积极影响。

总结

一切都是权衡。不要浪费时间在那些消耗不大的代码上。

浏览器通常在运行JavaScript上花费的时间很少,绝大部分时间消耗在DOM上。

为质量编程。简洁、易懂且条理分明的代码更易于正确理解、维护和优化。

善加利用Ajax技术能使应用程序运行得更快,用好它关键是在浏览器和服务器之间建立平衡。



© 著作权归作者所有

共有 人打赏支持
adamduan
粉丝 10
博文 68
码字总数 8447
作品 0
大连
程序员
高性能网站建设指南 --读书笔记

性能黄金法则: 只有10%~20%的最终用户响应时间花在下载HTML文档上。其余的80%~90%时间花在了下载页面中的所有组件上。 规则1 减少HTTP请求 图片地图 CSS Sprite 合并脚本和样式表 规则2 使...

不是胖子 ⋅ 2013/02/02 ⋅ 0

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

规则1-减少HTTP请求 请求网页时只有10%-20%的最终用户响应时间花在接收请求的HTMl文档上,剩下的80%-90%时间花在为HTML文档所引用的所有组建(图片,脚本,样式表,Flash等)进行的H...

吞吞吐吐的 ⋅ 2017/11/09 ⋅ 0

高性能网站建设读书笔记(1)前言

Dion Almaer http://almaer.com/blog/ Ajaxian.com 创建人之一 Mozilla lab Bespin Douglas Crockford JSON(Javascript Object Notation) Ben Galbraith Mozilla 开发工具联合总监 Stoyan S......

adamduan ⋅ 2015/12/01 ⋅ 0

ZBLOG-ASP2.2如何给图片增加ALT标签说明文字?

一直以来,我们在建设网站的时候,都容易犯下一个大错误,那就是没有重视图片的文字说明,而大多数时候,技术方面并不能很好的识别图片的内容,这也是受限于技术的进步,目前还做不到识别图片...

原创小博客 ⋅ 04/24 ⋅ 0

博客系统ZBLOG打赏插件构建:设置支付宝和微信接口[图]

对于爱写博客的朋友们来说,ZBLOG系统是国内出名的优秀博客系统,非常适合中小型站长和博主们写作,对于我们来说,博客的质量一般都比较好,内容质量高,内容丰富,也具备一定的建树,因此成...

原创小博客 ⋅ 05/23 ⋅ 0

学习笔记网站之在ASP和PHP语言及数据库选择上的3个要点[图文]

学习笔记网站之在ASP和PHP语言及数据库选择上的3个要点[图文] 去年12月份,我开始着手建立一个学习类的博客网站,由于博客站点我以前就接触过,因此在网站建设方面还是有些心得的,不过让我有...

原创小博客 ⋅ 05/20 ⋅ 0

数据库学习之ACCESS与SqlServer配什么编程语言好?

作为一个刚开始学习编程的菜鸟,对数据库自然是不能马虎的,我最近就在学习这方面的知识,先了解一下ACCESS这种微软的轻量级小型数据库,然后再深入学习sql server中型数据库,这样由浅入深,...

原创小博客 ⋅ 06/07 ⋅ 0

UNIX网络编程卷2进程间通信读书笔记汇总

UNIX网络编程卷2进程间通信读书笔记(一)—概述 http://blog.chinaunix.net/u/22935/article527112.html UNIX网络编程卷2进程间通信读书笔记(二)—管道 (1) http://blog.chinaunix.net/...

长平狐 ⋅ 2012/09/03 ⋅ 0

PHP语言系统ZBLOG或许无法重现月光博客的闪耀历史[图]

最近在写博客,希望通过自己努力打造一个优秀的教育类主题博客,名动江湖,但是问题来了,现在写博客还有前途吗?面对强大的自媒体站点围剿,还有信心和可能型吗? 至于程序部分,我选择了P...

原创小博客 ⋅ 昨天 ⋅ 0

zblog2.3版本的asp系统是否可以超越卢松松博客的流量[图]

最近访问zblog官网,发现zlbog-asp2.3版本已经进入测试阶段了,虽然正式版还没有发布,想必也不久了。那么作为aps纵横江湖十多年的今天,blog2.2版本应该已经成熟了,为什么还要发布这个2.3...

原创小博客 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

容器之重命名镜像

使用docker tag命令来重命名镜像名称,先执行help,查看如何使用如下 mjduan@mjduandeMacBook-Pro:~/Docker % docker tag --helpUsage:docker tag SOURCE_IMAGE[:TAG] TARGET_IMAGE[:TA...

汉斯-冯-拉特 ⋅ 6分钟前 ⋅ 0

with 的高级用法

那么 上下文管理器 又是什么呢? 上下文管理器协议包含 __enter__ 和 __exit__ 两个方法。with 语句开始运行时,会在上下文管理器对象上调用 __enter__ 方法。with 语句运行结束后,会在上下...

阿豪boy ⋅ 26分钟前 ⋅ 0

使用 jsoup 模拟登录 urp 教务系统

需要的 jsoup 相关 jar包:https://www.lanzous.com/i1abckj 1、首先打开教务系统的登录页面,F12 开启浏览器调试,注意一下 Request Headers 一栏的 Cookie 选项,我们一会需要拿这个 Cook...

大灰狼时间 ⋅ 26分钟前 ⋅ 0

关于线程的创建

转自自己的笔记: http://note.youdao.com/noteshare?id=87584d4874acdeaf4aa027bdc9cb7324&sub=B49E8956E145476191C3FD1E4AB40DFA 1.创建线程的方法 Java使用Thread类代表线程,所有的线程对......

MarinJ_Shao ⋅ 37分钟前 ⋅ 0

工厂模式学习

1. 参考资料 工厂模式-伯乐在线 三种工厂-思否 深入理解工厂模式 2. 知识点理解 2.1 java三种工厂 简单工厂 工厂模式 抽象工厂 2.2 异同点 逐级复杂 简单工厂通过构造时传入的标识来生产产品...

liuyan_lc ⋅ 49分钟前 ⋅ 0

Java NIO

1.目录 Java IO的历史 Java NIO之Channel Java NIO之Buffer Java NIO之Selector Java NIO之文件处理 Java NIO之Charset Java 可扩展IO 2.简介 “IO的历史”讲述了Java IO API从开始到现在的发...

士别三日 ⋅ 53分钟前 ⋅ 0

[Err] ORA-24344: success with compilation error

从txt文本复制出创建function的脚本,直接执行,然后报错:[Err] ORA-24344: success with compilation error。 突然发现脚本的关键字,居然不是高亮显示。 然后我把脚本前面的空格去掉,执行...

wenzhizhon ⋅ 今天 ⋅ 0

Spring Security授权过程

前言 本文是接上一章Spring Security认证过程进一步分析Spring Security用户名密码登录授权是如何实现得; 类图 调试过程 使用debug方式启动https://github.com/longfeizheng/logback该项目,...

hutaishi ⋅ 今天 ⋅ 0

HAProxy基于KeepAlived实现Web高可用及动静分离

前言 软件负载均衡一般通过两种方式来实现: 基于操作系统的软负载实现 基于第三方应用的软负载实现 LVS是基于Linux操作系统实现的一种软负载,而HAProxy则是基于第三方应用实现的软负载。 ...

寰宇01 ⋅ 今天 ⋅ 0

微软自研处理器的小动作:已经开始移植其他平台的工具链

微软将 Windows 10 、Linux 以及工具链如 C/C++ 和 .NET Core 运行时库、Visual C++ 2017 命令行工具、RyuJIT 编辑器等移植到其自主研发的处理器架构 E2。微软还移植了广泛使用的 LLVM C/C++...

linux-tao ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部