没有合适的资源？快使用搜索试试~ 我知道了~

文库首页后端JavaWeb表现层性能优化.pdf

Web表现层性能优化.pdf

性能优化

Web表现层

需积分: 9 5 下载量 128 浏览量 2019-06-16 15:29:27 上传评论收藏 327KB PDF 举报

温馨提示

试读

35页

1：Web表现层调用过程分析 2： Web表现层性能优化概述 3：分阶段讲述Web表现层的优化思路和具体的优化手段（1）连接网络并发送请求部分（2）网络来回传输内容部分（3）服务器处理请求部分（4）浏览器渲染绘制部分 4：优化实践，对Front应用进行优化，并对比测试优化前后的性能

资源推荐

资源详情

资源评论

私塾在线《高级软件架构师实战培训

阶段二》

——跟着cc学架构系列精品教程

做最好的在线学习社区

网址：http://sishuok.com

咨询QQ：2371651507

n 根据实际的应用需要，学习Web表现层性能优化的相关知识，大致包括：

1：Web表现层调用过程分析

2： Web表现层性能优化概述

3：分阶段讲述Web表现层的优化思路和具体的优化手段

（1）连接网络并发送请求部分

（2）网络来回传输内容部分

（3）服务器处理请求部分

（4）浏览器渲染绘制部分

4：优化实践，对Front应用进行优化，并对比测试优化前后的性能

本部分课程概览

《高级软件架构师实战培训——阶段二》

——跟着cc学架构系列精品教程

做最好的在线学习社区

网址：http://sishuok.com

咨询QQ：2371651507

n Web应用的请求/应答模式

Web表现层调用过程概述-1

《高级软件架构师实战培训——阶段二》

——跟着cc学架构系列精品教程

n 从输入URL地址或者点击URL的一个链接到页面呈现的一次请求，大致需要下面几个步骤

1：查找DNS，解析出URL对应的IP地址

2：初始化网络连接

3：发送HTTP请求

4：网络传输请求到服务器

5：Web服务器接收到请求，经过处理转发到相应的Web应用

6：Web应用处理请求，并返回相应的应答

7：网络传输应答内容到前端浏览器

8：浏览器开始解析从服务器端返回的内容，开始渲染和绘制

9：根据HTML内容来构建DOM（文档对象模型）

10：加载和解析样式，构建CSSOM（CSS对象模型）

11：根据DOM和CSSOM来构建渲染树，这个过程是按照文档顺序从上到下依次进行的

12：会根据构建渲染树的过程，在适当的时候，把已经构建好的部分绘制到界面上，中间还会伴随着重

绘(repaint)和回流(reflow)等，如此循环操作，直到渲染绘制完成

13：整个页面加载完成，会触发OnLoad事件。

Web浏览器

Web服务器

请求(request)

应答(response)

做最好的在线学习社区

网址：http://sishuok.com

咨询QQ：2371651507

n 简单分析一下这个过程

1：要通过URL请求服务器，浏览器就要知道这个URL对应的IP是什么，只有知道了IP地址，浏

览器才能准备的把请求发送到指定的服务器的具体IP和端口号上面。浏览器的DNS解析器负

责把URL解析为正确的IP地址。

这个解析工作是要花时间的，而且这个解析的时间段内，浏览器不能从服务器那里

下载任何东西。浏览器和操作系统提供了DNS解析缓存支持。

2：当获得了IP地址之后，浏览器会请求与服务器的连接，TCP经过三次握手后建立连接通道

3：浏览器真正发送HTTP请求，这个请求包含了很多东西，如cookie和其他的head头信息。

4：网络开始传输请求到服务器，这个会包括很多时间，比如网络阻塞时间、网络延迟时间和

真正传输内容的时间等，这是个很复杂的过程

5：Web服务器接收到请求，会根据URL里面的上下文，转交给相应的Web应用进行处理

6：Web应用会依次通过很多处理，比如：filter、aop的前置处理、IoC处理、真实处理对象的

寻找和创建等，这个根据每个应用的具体实现而不同。

然后会把请求转交到真实的处理对象，进行相应的业务处理，并生成Response对象

Web表现层调用过程概述-2

《高级软件架构师实战培训——阶段二》

——跟着cc学架构系列精品教程

做最好的在线学习社区

网址：http://sishuok.com

咨询QQ：2371651507

7：通过网络传输应答内容回到前端的浏览器。其实首先到达浏览器的是纯粹的html代码，不

包含什么图片，外部脚本，外部CSS等，也就是页面主要的html结构。

8：接下来就是浏览器解析页面，进行渲染和绘制的过程了，大致如下：

（1）装载和解析Html文档，构建DOM，如果在解析中发现需要其它的资源，比如图片，那么浏

览器会发出请求以获取这个资源

（2）装载和解析CSS，构建CSSOM

（3）根据DOM和CSSOM来构建渲染树

（4）然后对渲染树的节点进行布局处理，确定其在屏幕的位置

（5）把渲染好的节点绘制到界面上

以上步骤是一个渐进的过程，渲染引擎不会等到所有Html都被解析完才创建并布局

渲染树，它会在获取文档内容的同时把已经接收到的局部内容先展示出来。

9：重绘（repaint）的发生：如果渲染到后面，发现需要修改前面已经绘制元素的外观，比如

背景色、文字颜色等，不影响它周围和内部布局的行为，这就需要重绘这个元素

10：回流（reflow）的发生：如果渲染到后面，发现需要修改前面已经绘制好的元素的某些行

为，这些行为引起了页面上某些元素的占位面积、定位方式、边距等属性的变化，都会引

起它内部、周围甚至整个页面的重新渲染，这就是回流

Web表现层调用过程概述-3

《高级软件架构师实战培训——阶段二》

——跟着cc学架构系列精品教程

剩余34页未读，继续阅读

评论收藏

内容反馈

资源评论

资源反馈

评论星级较低，若资源使用遇到问题可联系上传者，3个工作日内问题未解决可申请退款~

那块代码没问题

粉丝: 25
资源: 43

上传资源快速赚钱

我的内容管理展开

我的资源快来上传第一个资源

我的收益

登录查看自己的收益

我的积分登录查看自己的积分

我的C币登录后查看C币余额

我的收藏

我的下载

下载帮助

前往需求广场，查看用户热搜

Web表现层性能优化.pdf

Web表现层跑完龙套唱主角.pdf

2011年高考大纲版地理总复习优化训练：8.1环境问题的表现、分布和产生原因.pdf

巴鲁夫杰出的性能表现_极端环境下的工业用传感器.pdf

20210813-华泰证券-深度研究：价值策略表现分析与结合动量的优化.pdf

公司简评报告：东芯股份：业绩表现超预期，结构优化盈利能力不断增强.pdf

互娱时代下的web音视频性能优化.pdf

藏经阁-艺龙Web服务性能优化分享.pdf

深入了解Web系统性能优化.pdf

web性能优化(服务器优化).pdf

银行业：新增社融表现超预期，金融机构信贷结构持续优化.pdf

零售周观点积极关注国内美妆产业链格局或优化黄金珠宝板块中报业绩表现亮眼-22页.pdf.zip

海通证券_0202_FICC系列研究之八：CTA因子表现回顾及组合优化探究.pdf

家用电器：4月冰箱外销亮点，汇率优化改善出口表现.pdf

意法半导体(ST)推出新型调谐电容,帮助4G手机在信号强度减弱时保持始终如一的性能表现.pdf

tomcat性能优化.pdf

java性能优化.pdf

NET精髓Web服务原理与开发.pdf

Oracle数据库性能优化.pdf

Tomcat性能优化.pdf

ARM系统IP全面提升SoC从端到云的性能表现.pdf

ARM系统IP提升SoC从端到云的性能表现.pdf

前端性能优化探索.pdf

Linux部署高并发WEB服务器性能优化策略.pdf

基于排队论的嵌入式Web 系统性能优化.pdf

H5 缓存机制浅析 - 移动端 Web 加载性能优化.pdf

web系统性能优化参考.pdf

10.ASP.NET应用程序性能优化.pdf

最新资源