Performance 分析

环境：正式，20221110-1949-f6966-release

Network:

Performance json

Profile-20221130T114703.json

lcp 元素

根据网络情况不同，会有不同的 lcp

针对实际业务场景只分析图二的场景

Lcp 构成

页面访问 /punch/punch

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(response_time, 0.95) as htmlResponseTimeTP95,
  approx_percentile(ttfb, 0.95) as htmlTtfbTP95
WHERE
  router_path = '/punch/punch'
  AND 
  event = 'NAVIGATION'
GROUP BY
  time
ORDER BY
  time DESC

基础资源加载

vconsole.min.js

sentry.min.js

font.js

h5-js-sdk.js

~~embed.min.js~~~~async ?~~

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(duration_time, 0.95) as htmlAssetsTP95
WHERE
  project = 'VNiHYxlRn65CRO-9O7NT0'
  AND (
    resource_name = 'https://static-core.mokahr.com/punch/assets/vconsole.min.js'
    OR resource_name = 'https://static-core.mokahr.com/punch/assets/sentry.min.js'
    OR resource_name = 'https://at.alicdn.com/t/font_1052316_7vn9rrvr392.js'
    OR resource_name = 'https://lf1-cdn-tos.bytegoofy.com/goofy/ee/lark/h5jssdk/lark/js_sdk/h5-js-sdk-1.5.8.js'
  )
GROUP BY
  time
ORDER BY
  time DESC

gray 接口

gray

mainfest.json

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(duration_time, 0.95) as grayTP95
WHERE
  resource_name like '/api/gateway/gray%'
GROUP BY
  time
ORDER BY
  time DESC

mainfest.json

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(duration_time, 0.95) as mainfestTP95
WHERE
  resource_name = '/punch/manifest.json'
GROUP BY
  time
ORDER BY
  time DESC

加载基础资源文件

umi.css

common.js

umi.js

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(duration_time, 0.95) as commonAssetsTP95
WHERE
  project = 'VNiHYxlRn65CRO-9O7NT0'
  AND (
    resource_name like 'https://static-core.mokahr.com/punch/assets/umi%'
    OR resource_name like 'https://static-core.mokahr.com/punch/assets/common%'
  )
GROUP BY
  time
ORDER BY
  time DESC

加载 layout 资源文件

vendors.js

layout.css

layout.js

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(duration_time, 0.95) as layoutAssetsTP95
WHERE
  project = 'VNiHYxlRn65CRO-9O7NT0'
  AND (
    resource_name like 'https://static-core.mokahr.com/punch/assets/vendors%'
    OR resource_name like 'https://static-core.mokahr.com/punch/assets/layouts%'
  )
GROUP BY
  time
ORDER BY
  time DESC

~~layout 执行, abRoute 后续不会阻塞，不统计~~ abRoute
获取规则

~~userInfo~~~~异步，不影响最终结果~~

getJSSdkConfig 获取 api 授权相关

queryRuleAndAttendanceInfo

通知加载文件

p__punch__index.css

p__punch__index.js

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(duration_time, 0.95) as pucnhAssetsTP95
WHERE
  project = 'VNiHYxlRn65CRO-9O7NT0'
  AND (
    resource_name like '/api/mobile/jsSdk/wechat/getJSSDKConfig%'
    OR resource_name like '/api/abs/clock/clockOnPage/v2/m/queryRuleAndAttendanceInfo%'
    OR resource_name like 'https://static-core.mokahr.com/punch/assets/p__punch__index%'
  )
GROUP BY
  time
ORDER BY
  time DESC

获取记录

queryClockRecord

project: VNiHYxlRn65CRO-9O7NT0
|
SELECT
  date_trunc('day', __time__) AS time,
  approx_percentile(duration_time, 0.95) as queryClockRecordTP95
WHERE
   resource_name like '/api/abs/clock/clockOnPage/v2/m/queryClockRecord%'
GROUP BY
  time
ORDER BY
  time DESC