首页二次元正文

以下哪些是经常出现的web前端性能关注点 (以下哪些是经支气管镜直视下气道内给药的适应症)

二次元 2024-09-08 17

本文目录导航：

以下哪些是经常出现的web前端性能关注点
正在载入是什么意思?
网站的加载期间和照应期间是一会事吗?有什么区别?

以下哪些是经常出现的web前端性能关注点

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

1. 加载期间目的，关键包括三个期间断

a. Time to First Impression

示意从用户在阅读器键入url按下回车键一刻开局到页面开局有反响(用户可以在页面中看见一点点内容)为止。

经常能觉失掉的一个信号就是网页开局显示title。

to onLoad Event

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. 网络衔接目的

dns 查问的期间。

网页恳求会发生一次性寻觅该网页资源所在主机的dns查问。

在同个域名启动网页切换不会形成新的dns查问。

b. Connect Time

c. Server Time

指收到恳求后主机逻辑解决的期间

d. Transfer Time

这一目的与阅读器和主机之间的衔接速度相分歧经过减小传输内容或经常使用cdn来降Transfer Time。

以下哪些是经常出现的web前端性能关注点 (以下哪些是经支气管镜直视下气道内给药的适应症)

e. Wait Time

f. Number of Domains / Single Resource Domains

部署网站资源的域主机数量是很关键的，由于它影响的DNS衔接和期待期间。

专门用户资源下载的域是必要的他将间接缩小期待期间。

应防止繁多的资源域否则你将为dns查问以及资源下载付出低廉的代价。

正在载入是什么意思?

正在载入是指某个程序、运行、网页或数据正在加载或读取中，还未齐全显示或可用的形态。

当咱们访问一个网页或关上一个运行程序时，理论须要从主机或本地存储设施中读取关系的数据和信息。

这个环节或许须要一些期间，尤其是在网络速度较慢或数据量较大的状况下。

在这段期间内，咱们理论会看到“正在载入”或相似的揭示信息，告知咱们所需的内容正在加载中，请稍候片刻。

以网页为例，当咱们点击一个链接或刷新页面时，阅读器会向主机发送恳求，恳求失掉该页面的HTML代码、图片、视频等资源。

主机收到恳求后，会解决并前往相应的数据。

阅读器在接纳到这些数据后，会开局解析HTML代码并加载各种资源，最终将完整的网页出现给用户。

在这个环节中，假设页面内容较多或网络速度较慢，就或许发生“正在载入”的揭示。

除了网页外，许多运行程序在启动或加载新性能时也或许显示“正在载入”的揭示。

例如，当咱们关上一个大型游戏或启动一个蕴含少量数据的剖析工具时，理论须要期待一段期间让程序加载所需的资源和数据。

在这个环节中，程序或许会显示一个加载动画或进展条，告知用户以后的形态。

总的来说，“正在载入”是一个经常出现的揭示信息，用于告知用户所需的内容正在加载中，请耐烦期待。

在期待环节中，咱们可以继续坚持其余操作或稍后再来检查已加载实现的内容。