角度性能:用于衡量和报告感知的页面性能的指令

时间:2021-03-01 21:12:59
【文件属性】:
文件名称:角度性能:用于衡量和报告感知的页面性能的指令
文件大小:300KB
文件格式:ZIP
更新时间:2021-03-01 21:12:59
JavaScript ##页面加载vs感知页面加载 在传统页面中,测量页面性能非常容易; 发出请求后,服务器将以一些HTML响应,然后浏览器将其呈现。 完毕。 服务器处理过程中会处理很多渲染逻辑,因此查看Window Load和DOMContentReady是页面性能的良好指标。 在单页应用程序中,事情变得更加棘手。 Window Load只是一个开始-当JavaScript交付给浏览器时,此时客户端逻辑-所有实际工作-开始并开始呈现页面,进行API调用并设置侦听器,事件, 等等。 然后,将DOM作为用户交互或监视,轮询和其他事件的一部分进行连续操作。 如您所见,“完成”页面的传统定义在这里不适用。 感知的页面性能是用户认为页面的主要元素加载所花费的时间。 根据定义,它是非常主观的-有些用户可能认为页面已加载是因为出现了最初的家具。 但是对于大多数用户来说,这将是他们认为最重要的页面部分。 以GMai
【文件预览】:
angular-performance-new-master
----images()
--------body-bg.jpg(3KB)
--------demo-button.png(26KB)
--------sidebar-bg.jpg(3KB)
--------github-button.png(3KB)
--------highlight-bg.jpg(33KB)
--------header-bg.jpg(10KB)
--------download-button.png(31KB)
----package.json(599B)
----javascripts()
--------main.js(48B)
----sample()
--------img()
--------index.html(2KB)
--------js()
--------lib()
--------scripts()
----index.html(11KB)
----LICENSE(1KB)
----src()
--------angular-performance.js(2KB)
----params.json(7KB)
----stylesheets()
--------print.css(3KB)
--------pygment_trac.css(4KB)
--------stylesheet.css(9KB)
----.gitignore(102B)
----README.md(7KB)
----build()
--------angular-performance.min.js(811B)

网友评论