vuetelemetry - front-end, JavaScript & web development

Tendencias
OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)
Guías
OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)
¿Qué es la hydration? El paso que vuelve interactivo el HTML renderizado en el servidor
Guías
¿Qué es la hydration? El paso que vuelve interactivo el HTML renderizado en el servidor
Vue frente a Svelte: ambos usan un compilador, y eso cambia la comparación
Stacks
Vue frente a Svelte: ambos usan un compilador, y eso cambia la comparación
¿Qué es CLS (Cumulative Layout Shift)? La Core Web Vital, explicada
Guías
¿Qué es CLS (Cumulative Layout Shift)? La Core Web Vital, explicada
¿Qué es INP (Interaction to Next Paint)? La Core Web Vital, explicada
Guías
¿Qué es INP (Interaction to Next Paint)? La Core Web Vital, explicada
Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)
Noticias
Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)
¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)
Guías
¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)
TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)
Noticias
TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)
OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)
Guías
OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)
¿Qué es la hydration? El paso que vuelve interactivo el HTML renderizado en el servidor
Guías
¿Qué es la hydration? El paso que vuelve interactivo el HTML renderizado en el servidor
Vue frente a Svelte: ambos usan un compilador, y eso cambia la comparación
Stacks
Vue frente a Svelte: ambos usan un compilador, y eso cambia la comparación
¿Qué es CLS (Cumulative Layout Shift)? La Core Web Vital, explicada
Guías
¿Qué es CLS (Cumulative Layout Shift)? La Core Web Vital, explicada
¿Qué es INP (Interaction to Next Paint)? La Core Web Vital, explicada
Guías
¿Qué es INP (Interaction to Next Paint)? La Core Web Vital, explicada
Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)
Noticias
Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)
¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)
Guías
¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)
TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)
Noticias
TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)
Recursos que bloquean el renderizado: qué bloquea de verdad y por qué async no es la solución
Guías

Recursos que bloquean el renderizado: qué bloquea de verdad y por qué async no es la solución

  • Por vuetelemetry
Datos de campo y datos de laboratorio: por qué Lighthouse marca 100 y Search Console dice lo contrario
Guías

Datos de campo y datos de laboratorio: por qué Lighthouse marca 100 y Search Console dice lo contrario

  • Por vuetelemetry
¿Qué es el Speed Index? La métrica que mide todo el llenado, no un instante
Guías

¿Qué es el Speed Index? La métrica que mide todo el llenado, no un instante

  • Por vuetelemetry
¿Qué es el Total Blocking Time (TBT)? La métrica más pesada del score de Lighthouse
Guías

¿Qué es el Total Blocking Time (TBT)? La métrica más pesada del score de Lighthouse

  • Por vuetelemetry
¿Qué es el First Contentful Paint (FCP)? La métrica que no es un Core Web Vital
Guías

¿Qué es el First Contentful Paint (FCP)? La métrica que no es un Core Web Vital

  • Por vuetelemetry
Nuxt 3 llegó al final de su vida útil el 31 de julio de 2026. Qué cambia de verdad
Noticias

Nuxt 3 llegó al final de su vida útil el 31 de julio de 2026. Qué cambia de verdad

  • Por vuetelemetry

Top Stories

Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)
Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)
    ¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)
    ¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)
      TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)
      TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)
        ¿Qué es el DOM virtual? Cómo React y Vue actualizan la página
        ¿Qué es el DOM virtual? Cómo React y Vue actualizan la página
          SPA vs PWA: ¿cuál es la diferencia real?
          SPA vs PWA: ¿cuál es la diferencia real?
            ¿Qué es GraphQL? Una guía clara para desarrolladores (2026)
            ¿Qué es GraphQL? Una guía clara para desarrolladores (2026)

              Explorar categorías

              Stacks
              Guías
              Herramientas
              Ver todas las categorías

              Últimos Reviews

              ¿Qué es el Total Blocking Time (TBT)? La métrica más pesada del score de Lighthouse
              • Guías

              ¿Qué es el Total Blocking Time (TBT)? La métrica más pesada del score de Lighthouse

              ¿Qué es el First Contentful Paint (FCP)? La métrica que no es un Core Web Vital
              ¿Qué es el First Contentful Paint (FCP)? La métrica que no es un Core Web Vital
              Nuxt 3 llegó al final de su vida útil el 31 de julio de 2026. Qué cambia de verdad
              Nuxt 3 llegó al final de su vida útil el 31 de julio de 2026. Qué cambia de verdad
              OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)
              OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)

              Herramientas & Stacks

              cdnjs, jsDelivr o unpkg: qué los diferencia de verdad ahora que la caché del navegador está particionada
              cdnjs, jsDelivr o unpkg: qué los diferencia de verdad ahora que la caché del navegador está particionada
              • Herramientas

              Cloudflare acaba de reconstruir cdnjs sobre su propia plataforma de desarrollo sin cambiar una sola URL. Es un buen momento para revisar la elección entre los tres CDN públicos de JavaScript, porque el argumento que la mayoría de desarrolladores sigue usando dejó de ser cierto en 2020.

              Vue frente a Svelte: ambos usan un compilador, y eso cambia la comparación
                ¿Con qué está hecho un sitio web? Cómo encontrar su stack tecnológico
                  Vue frente a React: ¿qué framework front-end elegir?

                    SELECCIÓN EDITORIAL

                    ¿Qué es Node.js? Guía clara para desarrolladores (2026)
                    ¿Qué es Node.js? Guía clara para desarrolladores (2026)
                    • Guías

                    Node.js permite ejecutar JavaScript fuera del navegador - en servidores, API y herramientas de build. Qué es, cómo el bucle de eventos lo hace no bloqueante, sus fortalezas y límites, y dónde encaja npm.

                    Vue
                      React
                        Nuxt

                          Últimos articles

                          cdnjs, jsDelivr o unpkg: qué los diferencia de verdad ahora que la caché del navegador está particionada

                          cdnjs, jsDelivr o unpkg: qué los diferencia de verdad ahora que la caché del navegador está particionada

                          • Herramientas
                          • Por vuetelemetry

                          Cloudflare acaba de reconstruir cdnjs sobre su propia plataforma de desarrollo sin cambiar una sola URL. Es un buen momento para revisar la elección entre los tres CDN públicos de JavaScript, porque el argumento que la mayoría de desarrolladores sigue usando dejó de ser cierto en 2020.

                          Recursos que bloquean el renderizado: qué bloquea de verdad y por qué async no es la solución

                          Recursos que bloquean el renderizado: qué bloquea de verdad y por qué async no es la solución

                          • Guías
                          • Por vuetelemetry

                          Lighthouse nombra la auditoría y lista los ficheros. No explica que un script sin atributo detiene en seco el analizador, que async sigue bloqueando el renderizado al ejecutarse, ni que el CSS bloquea por una razón completamente distinta.

                          Datos de campo y datos de laboratorio: por qué Lighthouse marca 100 y Search Console dice lo contrario

                          Datos de campo y datos de laboratorio: por qué Lighthouse marca 100 y Search Console dice lo contrario

                          • Guías
                          • Por vuetelemetry

                          Una puntuación perfecta de Lighthouse junto a una evaluación de Core Web Vitals suspendida no es un fallo de ninguna de las dos. Miden cosas distintas, y solo una es la que Google publica.

                          ¿Qué es el Speed Index? La métrica que mide todo el llenado, no un instante

                          ¿Qué es el Speed Index? La métrica que mide todo el llenado, no un instante

                          • Guías
                          • Por vuetelemetry

                          El Speed Index es la única de las cinco métricas de rendimiento de Lighthouse que mide una curva y no un instante. Por eso una página puede tener un buen LCP y puntuar mal aquí, y por eso la solución es distinta.

                          ¿Qué es el Total Blocking Time (TBT)? La métrica más pesada del score de Lighthouse

                          ¿Qué es el Total Blocking Time (TBT)? La métrica más pesada del score de Lighthouse

                          • Guías
                          • Por vuetelemetry

                          El TBT pesa un 30 % del score de rendimiento de Lighthouse, más que ninguna otra métrica, y no es un Core Web Vital. Qué cuenta, por qué solo se mide la parte de una tarea por encima de 50 ms, y por qué dividir tu JavaScript vale más que reducirlo.

                          ¿Qué es el First Contentful Paint (FCP)? La métrica que no es un Core Web Vital

                          ¿Qué es el First Contentful Paint (FCP)? La métrica que no es un Core Web Vital

                          • Guías
                          • Por vuetelemetry

                          El First Contentful Paint mide cuánto tiempo mira el visitante a la nada. Qué cuenta el FCP como contenido, los umbrales bueno, mejorable y malo, por qué es una métrica de diagnóstico y no un Core Web Vital, y las tres cosas que de verdad lo retrasan.

                          Nuxt 3 llegó al final de su vida útil el 31 de julio de 2026. Qué cambia de verdad

                          Nuxt 3 llegó al final de su vida útil el 31 de julio de 2026. Qué cambia de verdad

                          • Noticias
                          • Por vuetelemetry

                          Nuxt 3 ya no recibe actualizaciones de seguridad desde el 31 de julio de 2026. Qué significa el fin de vida en la práctica, por qué la fecha ya se aplazó una vez, el comando oficial de actualización y los codemods que hacen parte de la migración por ti.

                          OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)

                          OpenTelemetry en una app Vue: qué funciona hoy y qué sigue siendo experimental (2026)

                          • Guías
                          • Por vuetelemetry

                          OpenTelemetry puede trazar una app Vue desde la carga del documento hasta la llamada fetch, pero la parte del navegador está mucho menos asentada que la del servidor. Qué paquetes son estables, qué captura de verdad la auto-instrumentación, el hueco propio de Vue que nadie cubre y dónde acaban los datos.

                          ¿Qué es la hydration? El paso que vuelve interactivo el HTML renderizado en el servidor

                          ¿Qué es la hydration? El paso que vuelve interactivo el HTML renderizado en el servidor

                          • Guías
                          • Por vuetelemetry

                          El HTML renderizado en el servidor es inerte hasta que la hydration le conecta Vue. Qué hace la hydration, por qué importa createSSRApp, las tres causas documentadas de un mismatch de hydration y por qué un mismatch es un impuesto silencioso sobre el rendimiento y no un fallo.

                          Vue frente a Svelte: ambos usan un compilador, y eso cambia la comparación

                          Vue frente a Svelte: ambos usan un compilador, y eso cambia la comparación

                          • Stacks
                          • Por vuetelemetry

                          El planteamiento habitual enfrenta el compilador de Svelte con el virtual DOM de Vue. La propia documentación de Vue llama a su enfoque Compiler-Informed Virtual DOM. Que hace realmente cada compilador, y que decide de verdad la elección.

                          ¿Qué es CLS (Cumulative Layout Shift)? La Core Web Vital, explicada

                          ¿Qué es CLS (Cumulative Layout Shift)? La Core Web Vital, explicada

                          • Guías
                          • Por vuetelemetry

                          CLS es una de las tres Core Web Vitals, junto con LCP e INP. Qué mide Cumulative Layout Shift, cómo se calcula su puntuación, los umbrales good, needs-improvement y poor, las causas habituales de los desplazamientos de diseño y cómo corregirlos.

                          ¿Qué es INP (Interaction to Next Paint)? La Core Web Vital, explicada

                          ¿Qué es INP (Interaction to Next Paint)? La Core Web Vital, explicada

                          • Guías
                          • Por vuetelemetry

                          INP reemplazó a FID como Core Web Vital en marzo de 2024. Qué mide Interaction to Next Paint, los umbrales good, needs-improvement y poor, por qué es más estricta que FID y cómo corregir una puntuación INP lenta.

                          Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)

                          Node.js 26.5 ya está aquí: importaciones de texto, streaming de Blob y TLS poscuántico (2026)

                          • Noticias
                          • Por vuetelemetry

                          Node.js v26.5.0 salió el 8 de julio de 2026 en la línea Current. Añade importaciones de texto experimentales, un flujo de texto para Blob, reporte TLS poscuántico y métricas del event loop. Qué hay de nuevo, qué significa para tus apps y las reservas honestas de una versión no LTS.

                          ¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)

                          ¿Qué es el TTFB (Time To First Byte)? Qué se considera bueno y cómo reducirlo (2026)

                          • Guías
                          • Por vuetelemetry

                          El TTFB es el tiempo desde que se solicita una página hasta que se recibe el primer byte de la respuesta. Qué mide, qué cuenta como un buen TTFB (por debajo de ~800 ms), cómo alimenta el LCP y las palancas de servidor, caché y CDN que lo reducen.

                          TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)

                          TypeScript 7 ya está aquí: el compilador nativo en Go que compila 10x más rápido (2026)

                          • Noticias
                          • Por vuetelemetry

                          TypeScript 7.0 reescribe el compilador en Go y compila unas 10x más rápido - mismos tipos, nuevo motor. Qué cambió, los benchmarks reales (VS Code 77,8s a 7,5s), cómo probar tsc hoy, los cambios que rompen y las contrapartidas honestas.

                          ¿Qué es el DOM virtual? Cómo React y Vue actualizan la página

                          ¿Qué es el DOM virtual? Cómo React y Vue actualizan la página

                          • Guías
                          • Por vuetelemetry

                          El DOM virtual es una copia ligera de la página que se mantiene en memoria y que los frameworks comparan (diffing) para actualizar el DOM real de forma eficiente. Qué es, cómo funciona el diffing y por qué sustenta el modelo declarativo de React y Vue.

                          SPA vs PWA: ¿cuál es la diferencia real?

                          SPA vs PWA: ¿cuál es la diferencia real?

                          • Guías
                          • Por vuetelemetry

                          Se enfrenta constantemente SPA con PWA, pero responden a preguntas distintas: una trata sobre la arquitectura, la otra sobre las capacidades. Así se relacionan en realidad, y así conviene elegir.

                          ¿Qué es GraphQL? Una guía clara para desarrolladores (2026)

                          ¿Qué es GraphQL? Una guía clara para desarrolladores (2026)

                          • Guías
                          • Por vuetelemetry

                          GraphQL es un lenguaje de consulta para API: el cliente pide exactamente los datos que necesita, descritos por un esquema tipado, desde un único punto de acceso. Qué es, cómo funciona, GraphQL frente a REST y sus contrapartidas honestas.

                          ¿Qué es una API REST? Guía clara para desarrolladores (2026)

                          ¿Qué es una API REST? Guía clara para desarrolladores (2026)

                          • Guías
                          • Por vuetelemetry

                          Una API REST permite que un software hable con otro a través de HTTP usando verbos sencillos y JSON. Cómo funciona REST, por qué escala, cómo la usan los front-ends, REST frente a GraphQL, y qué hace que una API esté bien diseñada.

                          ¿Qué es una CDN? Las redes de distribución de contenido explicadas (2026)

                          ¿Qué es una CDN? Las redes de distribución de contenido explicadas (2026)

                          • Guías
                          • Por vuetelemetry

                          Una CDN (red de distribución de contenido) sirve los archivos de tu sitio desde un servidor cercano a cada visitante, lo que lo hace más rápido, más escalable y más resistente. Cómo funciona, por qué mejora la velocidad y la seguridad, y cuándo la necesitas.

                          ¿Qué es una Progressive Web App (PWA)? Explicado de forma sencilla (2026)

                          ¿Qué es una Progressive Web App (PWA)? Explicado de forma sencilla (2026)

                          • Guías
                          • Por vuetelemetry

                          Una progressive web app es un sitio web que se comporta como una aplicación instalada - funciona sin conexión, es instalable y rápida, a partir de una sola base de código. Qué es una PWA, cómo funcionan el service worker y el manifest, y sus límites con honestidad.

                          ¿Qué es Tailwind CSS? El framework utility-first explicado (2026)

                          ¿Qué es Tailwind CSS? El framework utility-first explicado (2026)

                          • Guías
                          • Por vuetelemetry

                          Tailwind CSS da estilo a tus páginas con pequeñas clases utilitarias escritas directamente en tu HTML, respaldadas por un design system y un build de producción diminuto. Qué es, en qué se diferencia del CSS normal y sus compromisos honestos.

                          ¿Con qué está hecho un sitio web? Cómo encontrar su stack tecnológico

                          ¿Con qué está hecho un sitio web? Cómo encontrar su stack tecnológico

                          • Stacks
                          • Por vuetelemetry

                          ¿Tienes curiosidad por saber qué framework, servidor o analítica usa un sitio? Aquí tienes cómo descubrir con qué está hecho un sitio web - y qué significan de verdad las pistas.

                          Vue frente a React: ¿qué framework front-end elegir?

                          Vue frente a React: ¿qué framework front-end elegir?

                          • Stacks
                          • Por vuetelemetry

                          Vue y React resuelven el mismo problema con estilos distintos. Aquí tienes una comparación honesta y práctica para ayudarte a elegir el adecuado para tu próximo proyecto.

                          Las mejores herramientas para desarrollador front-end en 2026

                          Las mejores herramientas para desarrollador front-end en 2026

                          • Herramientas
                          • Por vuetelemetry

                          Un kit práctico para el trabajo front-end moderno - editor, herramienta de build, dev tools del navegador y las utilidades que de verdad ahorran tiempo. Sin relleno, solo las herramientas que se ganan su lugar.

                          El mejor hosting para una app Vue o Nuxt

                          El mejor hosting para una app Vue o Nuxt

                          • Herramientas
                          • Por vuetelemetry

                          ¿Sitio Vue estático, Nuxt renderizado en servidor, o app Node completa? El hosting adecuado depende de cómo funciona realmente tu front-end. Aquí tienes cómo elegir - y desplegar sin sorpresas.

                          ¿Qué es una single-page application (SPA)?

                          ¿Qué es una single-page application (SPA)?

                          • Guías
                          • Por vuetelemetry

                          Una single-page application se carga una vez y luego reescribe la página en el navegador según navegas. Aquí tienes qué significa eso, por qué se hizo popular, y las concesiones que conviene conocer.

                          Cómo mejorar los Core Web Vitals de una app front-end

                          Cómo mejorar los Core Web Vitals de una app front-end

                          • Guías
                          • Por vuetelemetry

                          Los Core Web Vitals miden cómo se siente una página para usuarios reales - carga, capacidad de respuesta y estabilidad. Aquí tienes qué son y formas concretas de mejorarlos, SPA incluida.

                          ¿Qué es TypeScript? Guía clara para desarrolladores JavaScript (2026)

                          ¿Qué es TypeScript? Guía clara para desarrolladores JavaScript (2026)

                          • Guías
                          • Por vuetelemetry

                          TypeScript añade tipos estáticos a JavaScript para detectar errores antes de publicar. Qué es, cómo funciona el compilador, las funciones clave (tipos, genéricos, inferencia), TypeScript vs JavaScript, y las contrapartidas honestas.

                          ¿Qué es Node.js? Guía clara para desarrolladores (2026)

                          ¿Qué es Node.js? Guía clara para desarrolladores (2026)

                          • Guías
                          • Por vuetelemetry

                          Node.js permite ejecutar JavaScript fuera del navegador - en servidores, API y herramientas de build. Qué es, cómo el bucle de eventos lo hace no bloqueante, sus fortalezas y límites, y dónde encaja npm.