1. Indicadores de desempeño
|Métricas|Significado| |-|-| |FP|Primera pintura| |FCP|Primera pintura de contenido| |LCP|Máxima pintura de contenido| |FID|Primera demora de entrada| Tramas de transmisión por segundo|
-
FP: hora de pintar primero un píxel
-
FCP: primer dibujo de contenido, el momento en que se dibuja por primera vez el texto, la imagen, el lienzo que no está en blanco o SVG, FP<= FCP
-
FPS: demasiado bajo hará que los usuarios se sientan atascados.
2. Tres indicadores básicos
-
LCP: el tiempo de dibujo del elemento más grande en la ventana gráfica. Este tiempo cambiará a medida que cambie la representación de la página, porque el elemento más grande de la página puede cambiar durante el proceso de representación. Además, este indicador dejará de registrar después de que el usuario interactúe durante la primera vez
-
FID: registra el retraso en la respuesta cuando el usuario interactúa por primera vez con la página entre FCP y TTI. Este indicador es bastante fácil de entender. Sirve para ver cuánto tiempo pasa entre la activación del evento de interacción del usuario y la respuesta de la página. Si hay tareas largas en él, inevitablemente causará un tiempo de respuesta más largo.
-
CLS: Se registran las fluctuaciones de desplazamiento inesperadas en la página.
3. Requisitos para cada indicador
-
Si los dos indicadores de FP y FCP se completan en 2 segundos, nuestra experiencia de página se considera excelente
-
LCP, utilizado para medir el rendimiento de carga de la página, para proporcionar una buena experiencia de usuario, LCP debe ocurrir dentro de los 2,5 segundos después de que la página comienza a cargarse por primera vez.
-
FID, que mide el rendimiento interactivo, para brindar una buena experiencia de usuario, el FID de la página debe ser inferior a 100 milisegundos .
-
CLS, mide la estabilidad visual. Para proporcionar una buena experiencia de usuario, las páginas deben mantener el CLS por debajo de 0,1 .
-
FPS:
-
Las animaciones con una velocidad de fotogramas de 50-60 FPS serán bastante fluidas y cómodas;
-
Para animaciones con una velocidad de cuadro entre 30 y 50 FPS , el nivel de comodidad varía de persona a persona debido a la diferente sensibilidad de cada persona;
-
Las animaciones con una velocidad de fotogramas por debajo de 30 FPS hacen que las personas sientan tartamudeo e incomodidad evidentes;
-
Las animaciones con grandes fluctuaciones de velocidad de fotogramas también pueden hacer que las personas se sientan atrapadas.