har文件分析http
When I consider the performance of a website, several things come to mind. I think about looking at the requests of a page, understanding what resources are being loaded, and how long these resources take to be available to users.
当我考虑网站的性能时,会想到几件事。 我考虑查看页面的请求,了解正在加载哪些资源以及这些资源可供用户使用多长时间。
The network tab will give you a table containing all assets loaded on the page. It will also show you relevant information about the origin of those assets (domain, HTTP status code, size), who initiated the request, and the order in which they were loaded in a waterfall representation.
网络标签会为您提供一个表格,其中包含页面上加载的所有资产。 它还将向您显示有关这些资产的来源(域,HTTP状态代码,大小),发起请求的人以及以瀑布表示形式加载它们的顺序的相关信息。
You can add more information to this table by right-clicking one of the table headers and choosing other columns.
您可以通过右键单击表标题之一并选择其他列来向该表添加更多信息。
The size, time and waterfall columns will be crucial to understanding the performance of a page. The size value will present the gzipped size of the resource (when applicable), while the time column shows the total duration from the start of the request to the receipt of the final byte in the response.
大小,时间和瀑布列对于理解页面的性能至关重要。 size值将显示资源的压缩大小(如果适用),而time列显示从请求开始到响应中最后一个字节接收的总持续时间。
Last, but not least, the waterfall column demonstrates when the asset is loaded along with the other requests.
最后但并非最不重要的一点是,瀑布列说明了何时将资产与其他请求一起加载。
Performance improvements are noticeable by changes in your code/environment. So how do we keep track of what is being analyzed by the Network tab? By exporting the page in HAR format.
通过更改代码/环境,可以显着提高性能。 那么,我们如何跟踪