Perfomance Api en Javascript no funciona como se esperaba en Vue js

1
Mohammad Basit 2020-09-05 12:01.

Así que estoy trabajando en un pequeño proyecto en el que tengo que calcular el tiempo que tarda cada página en cargarse y para lograrlo estoy haciendo uso de Performance API y para ser precisos estoy haciendo uso de getEntriesByName () en Performance API como se muestra abajo.

performance.getEntriesByName(window.location.href)

Abra la consola presionando F12 en su teclado y ejecute la línea anterior y vea el resultado.

RESULTADO

connectEnd: 1.55999994603917
connectStart: 1.55999994603917
decodedBodySize: 132839
domComplete: 1405.1149999722838
domContentLoadedEventEnd: 887.4099999666214
domContentLoadedEventStart: 867.9899999988265
name: "https://stackoverflow.com/questions/ask"
nextHopProtocol: "h2"
redirectCount: 0
....

Entonces va a mostrar algunos datos sobre la página. Como puede ver, el valor del nombre es la URL de la página. Entonces, ejecutar la línea anterior en diferentes páginas nos dará métricas de esa página específica.

PROBLEMA

Entonces, el problema es que cuando hago eso en cualquier página de un proyecto vue js , solo proporciona la información de la página principal. Digamos que mi página principal es / dashboard y cuando ejecuto esa línea de código en la consola en el tablero, me da las métricas y funciona bien, pero digamos que ejecuto esa línea en / dashboard / users . Devuelve una matriz VACÍA .

NOTA

¿Alguien puede adivinar por qué sucede eso o alguien puede decirme de una manera diferente mediante la cual podemos obtener los valores de RESULTADO de otra manera? (sin usar la API de rendimiento de JS), por ejemplo, ¿cómo podemos obtener todos estos detalles sin el uso de la API de rendimiento o cualquier forma de solucionar esto?

MIRA ESTO

Sitio web realizado en vue js

Vaya a este sitio web y cambie las rutas allí y realice el procedimiento anterior. Aquí también está sucediendo lo mismo. ¿Por qué está sucediendo en todos los sitios web de vue js?

1 answers

1
matejmachac 2020-09-05 21:20.

El tipo de datos que intenta obtener a través de performance.getEntriesByName (window.location.href) depende de la carga de la página. Los proyectos de Vuejs con Vue Router realizarán solo una carga de página inicial. No se cargarán páginas posteriores en el cambio de ruta. Esto sucederá con cualquier aplicación de página única.

Puede ver esto en su ejemplo dado yendo a una ruta de su elección, recargando la página y ejecutando performance.getEntriesByName (window.location.href) nuevamente. Obtendrá su conjunto de datos deseado en lugar de una matriz vacía.

En general, tendría que crear algunas "marcas" de rendimiento manualmente en su aplicación Vuejs y luego podría acceder a las entradas que creó a partir de esas marcas.

Related questions

MORE COOL STUFF

Jana Duggar: Todo lo que ha dicho sobre el amor y su ventana de 5 años para encontrar al 'Elegido'

Jana Duggar: Todo lo que ha dicho sobre el amor y su ventana de 5 años para encontrar al 'Elegido'

Jana Duggar ha sido abierta sobre su búsqueda del amor. Aquí está todo lo que ha dicho sobre el tema y su ventana de cinco años para el matrimonio.

Sam Heughan sabe exactamente lo que tomará del set de 'Outlander': 'Me siento como si fuera Jamie cuando me los pongo'

Sam Heughan sabe exactamente lo que tomará del set de 'Outlander': 'Me siento como si fuera Jamie cuando me los pongo'

La estrella de 'Outlander', Sam Heughan, reveló recientemente qué se llevará del set para recordar a Jamie Fraser, el papel que lo convirtió en una estrella.

La primera canción de los Beatles que fue una de las 'actuaciones más emocionantes' de la banda, según Fab Four Insider

La primera canción de los Beatles que fue una de las 'actuaciones más emocionantes' de la banda, según Fab Four Insider

'She Loves You' fue escrita en una hora, grabada en un día y fue la canción de The Beatles con una de las mejores interpretaciones de su carrera.

Dolly Parton ayudó a su abuela 'inválida' cuando ninguno de los otros nietos lo haría: también le hacía una broma

Dolly Parton ayudó a su abuela 'inválida' cuando ninguno de los otros nietos lo haría: también le hacía una broma

Dolly Parton y su abuela Bessie tenían una relación especial. La abuela Parton estaba muy enferma, pero eso no impidió que Dolly le hiciera una broma.

Orígenes del Islam: una historia religiosa

Orígenes del Islam: una historia religiosa

Los orígenes del Islam se remontan a principios del siglo VII en la Península Arábiga. El Islam surgió en la ciudad de La Meca, donde un hombre llamado Mahoma, un próspero comerciante de una poderosa tribu, recibió una revelación divina.

Las 10 especies de monos más "feas": Belleza poco convencional en los primates

Las 10 especies de monos más "feas": Belleza poco convencional en los primates

Algunos monos tienen mucha suerte con la genética. ¿Otros? No tanto. El mono más feo no es una sola especie, sino toda una galería de primates que te hacen mirar dos veces y preguntarte si la evolución te estaba jugando una broma.

¿Cuál es la madera más dura del mundo?

¿Cuál es la madera más dura del mundo?

Puede que pienses que el roble o el nogal americano son maderas resistentes, pero cuando se trata de las maderas más duras del mundo, ni siquiera se acercan.

10 de las criaturas marinas más aterradoras que acechan en las profundidades del océano

10 de las criaturas marinas más aterradoras que acechan en las profundidades del océano

El océano rebosa belleza, pero también esconde algunas de las criaturas marinas más aterradoras del planeta. Muchos de estos animales acechan en las profundidades oceánicas, en el oscuro y opresivo mundo de alta presión del océano.

Resumen del oso: ¿Es Marcus el hombre más amable, suave y sincero de Chicago?

Resumen del oso: ¿Es Marcus el hombre más amable, suave y sincero de Chicago?

“Children” lanza un cameo de renombre y algunas noticias devastadoras

Por $ 9,800, ¿los 'empacarías' en este Toyota RAV4 2008 de siete plazas?

Por $ 9,800, ¿los 'empacarías' en este Toyota RAV4 2008 de siete plazas?

Se dice que este RAV4 está en excelentes condiciones y preparado para un juego de sillas musicales.

Furgoneta de reparto de Amazon se enciende en una ardiente explosión durante el calor del verano en Houston

Furgoneta de reparto de Amazon se enciende en una ardiente explosión durante el calor del verano en Houston

Imágenes de drones capturaron a los bomberos que parecían tener dificultades para apagar el incendio.

Black Panther Show de Marvel será el programa animado más crucial hasta el momento

Black Panther Show de Marvel será el programa animado más crucial hasta el momento

Eyes of Wakanda se vincula directamente con la MCU, además de actualizaciones sobre X-Men '97, What If..., Daredevil y más.

Anna Wintour deja su puesto como editora jefe de Vogue después de 37 años… ¡y está contratando!

Anna Wintour deja su puesto como editora jefe de Vogue después de 37 años… ¡y está contratando!

El veterano editor en jefe, que se unió a la revista American Vogue en 1988, anunció la noticia en una reunión de personal la mañana del jueves 26 de junio.

El Papa Francisco muere a los 88 años tras una crisis de salud

El Papa Francisco muere a los 88 años tras una crisis de salud

El papa Francisco, cabeza de la Iglesia católica y líder de los aproximadamente 1.300 millones de católicos del mundo, falleció a los 88 años.

Todo sobre el impresionante anillo de compromiso de zafiro de Kate Middleton (¡y la reliquia real en la que se inspiró!)

Todo sobre el impresionante anillo de compromiso de zafiro de Kate Middleton (¡y la reliquia real en la que se inspiró!)

El anillo de compromiso de Kate Middleton perteneció a la princesa Diana antes de que el príncipe William le propusiera matrimonio con él. Descubra todo lo que hay que saber sobre esta pieza histórica aquí.

¿Quién es la esposa de John Cleese? Todo sobre Jennifer Wade

¿Quién es la esposa de John Cleese? Todo sobre Jennifer Wade

John Cleese se casó con su esposa, Jennifer Wade, en 2012. Aquí encontrará todo lo que debe saber sobre la esposa de John Cleese, Jennifer Wade.

los pronombres dan mucho miedo

Me llama la atención De repente, como ocurre con tanta frecuencia Es el punto medio de nuevo <No, no el del Pacífico, tú, el del carnaval> Todos los titulares en voz alta...

3 formas comprobadas de mejorar su habilidad de escritura

Los beneficios de escribir y estrategias para ayudarte a hacerlo

3 formas comprobadas de mejorar su habilidad de escritura

En 2022, con el lanzamiento de GPT-3, la habilidad de escritura parece perder importancia. Con IA, las personas con mala escritura también pueden generar personal de calidad.

La erosión lenta: revelando las formas en que las personas se desgastan en sus carreras

La erosión lenta: revelando las formas en que las personas se desgastan en sus carreras

En el mundo acelerado y competitivo de hoy, la carrera de uno juega un papel importante en el crecimiento personal, la estabilidad financiera y la satisfacción general con la vida. Sin embargo, muchas personas se encuentran atrapadas en un ciclo implacable de estancamiento e insatisfacción, y su vida profesional se desvanece gradualmente.

¿Qué hace que un podcast sea influyente?

¿Qué hace que un podcast sea influyente?

La semana pasada noté un comunicado de prensa, enviado a través de PressGazette (un sitio web de noticias de los medios británicos). El artículo anunciaba que Acast, la empresa de publicidad y alojamiento de podcasts de Scandi, lideraría un consorcio de editores "probablemente los más influyentes" en podcasting.

Language