const performanceInfro = reactive navigationStart 0 domEnd 0 domready 0 onload 0 memory 0const getPerformanceInfront = = if processclient setTimeout = performanceInfronavigationStart

import { reactive } from 'vue'

// 定义性能信息对象 const performanceInfro = reactive({ navigationStart: 0, domEnd: 0, domready: 0, onload: 0, memory: 0, })

// 获取内存使用情况 const getrmb = (value: number | undefined): number => { if (value !== undefined) { return Math.round(value / 1024 / 1024) } return 0 }

// 获取页面性能信息 const getPerformanceInfront = (): void => { if (process.client) { setTimeout(() => { // 计算各项性能指标 performanceInfro.navigationStart = window.performance.timing.domLoading - window.performance.timing.fetchStart performanceInfro.domEnd = window.performance.timing.domComplete - window.performance.timing.domLoading performanceInfro.domready = window.performance.timing.domContentLoadedEventEnd - window.performance.timing.fetchStart performanceInfro.onload = window.performance.timing.loadEventStart - window.performance.timing.fetchStart performanceInfro.memory = getrmb( window.performance?.memory.usedJSHeapSize ) }, 500) } }

export { performanceInfro, getPerformanceInfront }