以下哪些是常见的web前端性能关注点

html-css07

以下哪些是常见的web前端性能关注点,第1张

前端性能关注的重点主要有以下几点

1. 加载时间指标,主要包括三个时间断

a. Time to First Impression

表示从用户在浏览器键入url按下回车键一刻开始到页面开始有反应(用户可以在页面中看见一点点内容)为止。经常能感觉到的一个信号就是网页开始显示title。

b.Time to onLoad Event

表示从页面开始显示内容,到浏览器开始触发OnLoad函数这一时间段。只有当初始的文本和所引用的对象加载完成,浏览器才开始触发OnLoad函数

c.Time to Fully Loaded

表示从上一时间段末到整个网页完全加载完成(所有OnLoad函数以及相关的动态资源加载

完成)。在网页中含有timeout或定时刷新之类处理时较为难判断结束点。

2. 资源情况指标

网页由初始的html文本中嵌入图片以及通过XHR或者修改dom树动态加载的内容组成,css负责样式,js负责行为。所以当网页资源过多为了下载资源客户端和服务器的网络来回就更多。下面是资源方面相关的指标。

a. Total Number of Requests

包括html网页请求,css、js资源下载及其它网络请求。优化的目标之一是要尽量减少请求数。

b. Total Number of HTTP 300s/400s/500s

表示返回状态为3009重定向)、400(客户端错误)、500(服务器端错误)的http请求。尽量避免这些请求以提高页面load的时间。造成这些状态的原因经常是服务器的实施、配置和部署问题。

c. Total Size of Web Site

构成网页元素总的大小。图片或者js库的增加都会对下载时间造成重要的影响。

d. Total Size of Images/CSS/JS

image、css、js在网页元素大小中占主要比例。

e. Total Number of XHR(XMLHttpRequest) Requests

通过js异步从服务器端获得数据的请求数。一些js框架提供了跟服务器端的更新机器就是XHR请求。通过配置可以减少XHR请求的数目

3. 网络连接指标

浏览器底层的网络连接对资源的下载速度有很大影响。资源的下载过程分为很多阶段。下面介绍这些阶段以及浏览器、网络、请求如何影响这些阶段的时间

a. DNS Time

dns 查询的时间。网页请求会产生一次寻找该网页资源所在主机的dns查询。在同个域名进行网页切换不会造成新的dns查询。

b. Connect Time

指浏览器和服务器之间建立tcp/ip连接的时间对于ssl连接包括握手的时间。网络连接过慢、使用ssl、使用短连接而非常连接都是造成connect time较多的原因。

c. Server Time

指收到请求后服务器逻辑处理的时间

d. Transfer Time

这一指标与浏览器和服务器之间的连接速度相一致通过减小传输内容或使用cdn来降Transfer Time。

e. Wait Time

等待时间和同一个域中服务资源的数量直接相关。每个域的浏览器的物理网络的限制,导致资源等待可用的连接。减少资源的数量(或将资源散布在不同的域)能将这一时间降低。平均等待时间的大小更能反映等待时间是否需要注意。

f. Number of Domains / Single Resource Domains

部署网站资源的域主机数量是很重要的,因为它影响的DNS连接和等待时间。专门用户资源下载的域是必要的他将直接减少等待时间。应避免单一的资源域否则你将为dns查询以及资源下载付出昂贵的代价。

设两底为矩形,a1,b1,a,b分别为上下底边长,h为高。截头方锥体体积公式为:V=h/6[ab+(a+a1)(b+b1)+a1b1]。

截锥体是一种与锥体有关的多面体,指由平面截锥体而得的另一个锥体。锥体被不过顶点且与锥体母线都相交的平面所截,留下的在截面和底面间的锥体部分。

截头方椎体性质:两个底面是相似多边形。各侧棱的延长线交于一点。侧面都是梯形。对角面是梯形。与棱台底面平行的截面是和底面相似的多边形。

扩展资料

椎体通用体积公式:

1、椎体常规公式:    其中S是底面积,h是高。

2、圆锥体的圆锥体体积=  其中S是底面积,h是高。

3、三棱锥:三棱锥是立体空间中最普通最基本的图形,正如三角形之于二维空间。

已知空间内三角形三顶点坐标A(),B(),C(),O为原点,则三棱锥O-ABC的体积为:。

参考资料:百度百科—截锥体