登录免费注册



web性能权威指南

首页  思维导图  详情



web性能权威指南

2017-08-28 18:08:55   16  举报





AI智能生成

web性能

web

模版推荐

作者其他创作

大纲/内容

网络技术概览

延迟和带宽

速度

延迟

消息或分组从信息源发送到目的地所需的时间

路由器

客户端和服务器间转发消息的设备

传播延迟

消息从发送端到服务器端需要的时间，是信号传播距离和速度的函数

距离

传输延迟

把消息中所有比特转移到链路中的时间，是消息长度和链路速率的函数

链路速率

处理延迟

处理分组首部，检查位错误及确定分组目标所需的时间

路由数目

排队延迟

到来的分组排队等待处理的时间

网络流量拥挤

带宽

逻辑或物理通信路径最大的吞吐量

光速和传播延迟

光钎：折射率1.5

最佳响应应小于300ms延迟

CDN:内容分发网络，把内容部署到全球各地，让用户从最近的服务器加载内容，大幅降低传播分组的时间

缩短客户端到服务器的距离

延迟的最后一公里

ISP

18-36ms

大多数网站性能的瓶颈是延迟而不是带宽

用户可用带宽取决于客户端与目标服务器间最低容量连接

TCP构成

三次握手

SYN

SYN ACK

ACK

三次握手后，客户端和服务器端才可以通信

三次握手带来的延时使每新建一个TCP连接都要付出很大代价

拥塞预防

无线网络性能

HTTP

子主题

Web性能要点

文档加载时间

页面加载时间：文档及其所有依赖资源下载完毕的时间

浏览器API和协议

子主题

XHR

CORS

Access-Control-Allow-Origin

<span style="font-family: UbuntuMono-Regular; font-size: 10pt; color: rgb(35, 31, 32);">withCredentials<br style="orphans: 2; text-align: -webkit-auto; widows: 2;"></span>

<span style="font-family: Times-Italic; font-size: 10pt; color: rgb(35, 31, 32);"><i>Access-Control-AllowCredentials</i><br style="orphans: 2; text-align: -webkit-auto; widows: 2;"></span>

实时通知与交付

轮询

生成大量无用空检查

定时

长轮询

Comet：利用长时间保留的HTTP请求让服务器向浏览器推送数据的技术

子主题

服务器发送事件

<span style="font-family: Times-Roman; font-size: 10pt; color: rgb(35, 31, 32);">Server-Sent Events<span style="font-family: HYa1gj; font-size: 10pt;">（ <span style="font-family: Times-Roman; font-size: 10pt;">SSE<span style="font-family: HYa1gj; font-size: 10pt;">）<br style="orphans: 2; text-align: -webkit-auto; widows: 2;"></span></span></span></span>

Websocket

分析资源瀑布

DNS Lookup

 Collect

Get Started

Web性能优化

 Collect

Get Started

HTML5权威指南

 Collect

Get Started

Blender权威指南

 Collect

Get Started

Java性能权威指南













评论

0 条评论

下一页



图形选择

思维导图

主题

补充说明

AI生成





修改AI描述

去编辑

重新生成

提示 

关闭后当前内容将不会保存，是否继续？

取消

确定

Document