GitHub-Proxy/signoz
1
0
Fork 0
mirror of https://git.mirrors.martin98.com/https://github.com/SigNoz/signoz synced 2025-08-11 07:49:00 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(UI): web-vitals is added (#422)

Browse Source
This commit is contained in:
pal-sig 2021-12-02 18:36:30 +05:30 committed by GitHub
parent 5e4cff7ae2
commit 9bc62d83d3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 20 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/index.tsx
View File

@ -5,8 +5,13 @@ import AppRoutes from 'AppRoutes';
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import { Provider } from 'react-redux'; import { Provider } from 'react-redux';
import reportWebVitals from 'reportWebVitals';
import store from 'store'; import store from 'store';
if (process.env.NODE_ENV === 'development') {
reportWebVitals(console.log);
}
ReactDOM.render( ReactDOM.render(
<Provider store={store}> <Provider store={store}>
<React.StrictMode> <React.StrictMode>

15
frontend/src/reportWebVitals.ts Normal file
View File

@ -0,0 +1,15 @@
import { ReportHandler } from 'web-vitals';
const reportWebVitals = (onPerfEntry?: ReportHandler): void => {
if (onPerfEntry && onPerfEntry instanceof Function) {
import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
getCLS(onPerfEntry);
getFID(onPerfEntry);
getFCP(onPerfEntry);
getLCP(onPerfEntry);
getTTFB(onPerfEntry);
});
}
};
export default reportWebVitals;