¿Cómo cambia la carga de anuncios con el tiempo y cómo te comparas con la competencia? Ahora puedes responder a esto con los datos del Chrome UX Report. Alex Cone del equipo de Chrome presenta cuatro métricas experimentales: Ad Density (porcentaje del viewport ocupado por anuncios), Ad Count (cantidad de anuncios) y Ad Weight para red y CPU (datos y tiempo de procesador consumidos). Aunque tiene fallos y puede ser tardío, nos gusta la dirección.
Los desarrolladores de Anthropic definieron sus propias métricas RUM y escenarios de usuario para acelerar. Redujeron el tiempo hasta la interactividad del chat al percentil 75, de 3,1 a 0,55 segundos. Ayudó un campo estático para mensajes en HTML. Aceleraron la carga de conversaciones de 1,6 a 0,65 segundos mediante precarga al pasar el ratón y menos redibujos del sidebar.
Harry Roberts encontró más de 250 milisegundos de navegación inexplicables en un cliente. Es la métrica UNO, el tiempo restante en TTFB tras descontar todas las fases conocidas. A menudo oculta redirecciones de anuncios o redes de afiliados. CrUX no lo muestra; necesitas un RUM propio con desglose por fuente de visita.
Martin Michálek y Michal Matuška investigaron plugins que prometen velocidad con un solo clic. En el script de Website Speedy encontraron la función isAuditBot, que detecta herramientas de medición. Al desactivar el plugin, la puntuación de Lighthouse cayó de 95 a aproximadamente 60, pero los Core Web Vitals en CrUX no cambiaron. ¿Por qué nos dejamos engañar así?
¿El backend se bloquea a veces, pero no coincide con el tráfico? Probablemente tengas un problema con los bots. Martin Michálek y Tomáš Svoboda discutieron en un seminario web cómo detectar el tráfico de robots en los datos y qué hacer con él en Cloudflare, sin bloquear a Googlebot ni a tus clientes.
¿El despliegue se realizó, se ve la mejora en las pruebas sintéticas, pero no en CrUX? Esta pregunta es común entre nuestros clientes, y Joan León escribió la mejor respuesta que hemos visto. Los datos de CrUX no están retrasados; cada valor se calcula a partir de visitas de los últimos 28 días, por lo que los cambios se reflejan lentamente.
Tammy Everts analizó un mes de datos RUM de diez grandes tiendas. Los sitios con LCP entre 100 ms y 1 segundo tuvieron la menor tasa de rebote, muy por debajo de los 2,5 segundos recomendados. ¿Qué significa esto? Crea tu propio gráfico de correlación, LCP contra tasa de rebote, y define tu propio límite.
Joan León ha creado un curso interactivo sobre la lectura de perfiles del panel de rendimiento. Cada ejemplo es clicable y comentado. Aprende a identificar visualmente en la línea de tiempo solicitudes que bloquean el tamaño de archivos o servidores lentos. Detecta problemas como el reflujo forzado y más.
Sergey Chernyshev presentó esta propuesta en el último PerformanceObserver. No es solo un juego de palabras. Cuando hablamos de «rendimiento», nos referimos a milisegundos y aspectos técnicos del sitio web. Al mencionar UX, se unen producto y marketing, porque se trata de la experiencia del cliente.
El equipo de Embrace ha creado un nuevo estándar para medir aplicaciones móviles. Funciona de manera similar a Core Web Vitals, midiendo tres métricas de velocidad y una de estabilidad. Este marco busca ordenar la experiencia de usuario móvil. ¿Cuántas personas realmente se preocupan por el rendimiento de las aplicaciones web hoy en día?
Martin Michálek escribió en nuestra Ayuda cómo usar Search Console para mejorar la velocidad web. Encuentra cómo monitorear grupos de páginas, identificar URLs problemáticas, verificar mejoras y usar checklists para optimizar la velocidad.
Adrian describe que el problema ya no es escribir el código, sino revisarlo a tiempo. La IA no crea buen software; necesita un entorno con reglas claras. En PageSpeed.ONE vemos cómo la IA deteriora el rendimiento, ya que sin supervisión automática, introduce mucho código deficiente en producción.
Martin Michálek describe en un artículo en Lupa la nueva realidad. Los bots de IA pueden sobrecargar silenciosamente un sitio web incluso de noche, cuando la gente no compra. ¿Qué hacer? Recomienda monitorear la velocidad web, implementar Cloudflare o un servicio similar y consultar con tu hosting sobre protección contra bots.
Este caso es impresionante. Shopify comparó Core Web Vitals con conversiones en todo su ecosistema de tiendas. LCP e INP impulsan claramente las ventas. Cada 100 ms de carga más lenta reduce las conversiones en un 3,5 %. CLS no tiene tanto impacto en su estudio.
La medición de Core Web Vitals en aplicaciones de una sola página es un desafío constante. El navegador solo mide LCP durante una navegación real, no con redibujos de JavaScript. Chrome lo soluciona con el Soft Navigations API. Si tienes una SPA, es momento de probar el API y enviar tus comentarios a Google.
Explicar métricas de velocidad con números secos a menudo no funciona. Nuestra extensión de navegador Core Web Vitals Live visualiza estos conceptos abstractos. Marca en color los elementos lentos y problemáticos, cada cambio de diseño y muestra el puntaje de interacción junto al cursor. Pruébalo.
Jono Alderson ofrece una crítica sincera sobre cómo los sitios headless a menudo se optimizan para desarrolladores en lugar de objetivos comerciales reales. Para la mayoría de las empresas, el sitio web es una herramienta de marketing, y la transición a una arquitectura headless puede complicar la publicación, iteración y respuesta rápida, que son razones clave para tener un sitio web.
El popular sitio MDN Web Docs cambió completamente su arquitectura y dejó React por la generación estática. Al eliminar el framework, redujeron drásticamente el tamaño de los datos y eliminaron la hidratación innecesaria. El resultado es un diseño estable, menor TBT y renderizado rápido incluso en dispositivos más débiles.
Martin Michálek dio una conferencia sobre velocidad en el UX Day la semana pasada y sus materiales ya están disponibles online. Revisa las diapositivas, instala la extensión de Chrome Core Web Vitals Live, prueba tu web con nuestras herramientas o usa el checklist para optimizar la velocidad.
En lugar de buscar métricas manualmente en DevTools, ahora puedes medir con IA. Joan León transformó su colección de WebPerf Snippets en Agent SKILLS. A través de MCP, el agente se conecta al navegador y ejecuta scripts para analizar métricas o tamaños de medios. ¿Es este el futuro?
Lee el excelente artículo de Tammy Everts sobre por qué las métricas de Google son solo un punto de partida, no el límite para la optimización. Un sitio realmente rápido es aquel donde la velocidad se vuelve «invisible». Si una demora interrumpe el flujo del usuario, cumplir con los límites no salvará la tasa de conversión.
Es interesante ver diferentes enfoques para optimizar INP. Los desarrolladores del marketplace italiano Subito realizaron pruebas A/B para identificar problemas. Los scripts de TikTok y Facebook fueron problemáticos, así que implementaron Next.js 16 y React compiler. Esto aumentó la visita a los detalles de anuncios en un 5%.
Según nuestra experiencia, los videos incrustados a menudo aumentan la métrica Total Blocking Time. Stefan Bauer sugiere insertar el video en un elemento <details>, sin JavaScript. El navegador no descarga ni inicia el video hasta que el usuario hace clic.
Bart Veneman analiza datos de CSS de 100 mil sitios. El tamaño promedio (percentil 50) es de 309 kB, pero encontró un sitio con 52 MB de estilos. Descubre cómo está tu sitio en el panel de red de DevTools o en nuestro informe técnico tras iniciar la prueba PLUS.
INP, TBT, JS Long Tasks. ¿Te confunden las métricas de JavaScript? Nuestro artículo te lo explica. Incluimos ejemplos prácticos y recomendaciones como optimización del DOM o code splitting.
Cada vez más sitios cumplen con los Indicadores Clave de Web. En 2023, el 36 % de los sitios móviles lo lograron, ahora es el 48 %. En escritorio, el cambio fue del 48 % al 55 %. Un 16 % de los sitios aún carga incorrectamente las imágenes LCP. Ahora también recopilamos datos sobre Long Animation Frame (LoAF).
WebP es genial, pero AVIF ofrece más: mejor compresión, transparencia, sin artefactos, HDR y más espacios de color. Solo ten cuidado con la carga del servidor al generarlo.
Martin Michálek advierte contra la difusión acrítica del mito 100 ms = 1 % de ingresos. La mayoría de los estudios (incluidos los de Walmart y Amazon) confunden correlación con causalidad o ignoran que los usuarios más ricos simplemente tienen dispositivos más rápidos. ¿La solución? Pruebas A/B rigurosas y datos propios estadísticamente valiosos.
Michal Matuška te muestra cómo implementar las novedades de React 19.2 en su artículo. Ha preparado ejemplos prácticos sobre el nuevo componente Activity. Ten cuidado con el Server Side Rendering, ya que React no inserta componentes Activity ocultos en HTML, lo que puede ser un problema para SEO.
En ContentSquare analizaron datos de 997 usuarios de su sitio. Encontraron que el INP se correlaciona con la tasa de rebote, y los usuarios con un INP deficiente tenían un 15% más de probabilidad de frustración (clics de ira). Los usuarios con buen INP tenían una tasa de conversión del 2.5%, mientras que aquellos con INP deficiente o mejorable solo alcanzaban el 2%. Esto representa un cambio del 25%.
Cada año esperamos los gráficos de velocidad de dispositivos de Alex Russel. Sin embargo, los resultados ya no nos alegran tanto. La página móvil promedio es cada vez más pesada y el rendimiento de los teléfonos Android económicos no mejora, por lo que reducir cada kB sigue siendo crucial.
Los operadores web enfrentan un desafío más: una ola de scraping por IA que aumenta los costos operativos, empeora la respuesta del servidor (TTFB) y ralentiza los sitios para usuarios reales que deberían generar ingresos. Lee más en Seznam Zprávy.
Ya puedes ver la charla de Barry Pollard sobre Speculation Rules API y de Michal Mocny sobre medición de métricas en páginas con navegación suave. Más videos de la mayor conferencia sobre velocidad se añadirán progresivamente.
Los datos de CrUX son esenciales para entender el rendimiento de tu web en el mundo real. Además de métricas básicas, obtienes datos sobre la latencia entre el servidor y el usuario, y ajustes detallados de LCP. Más en la cuarta conferencia mejor valorada de Michal Matuška.
React lanzó una versión interesante para la velocidad. Incluye integración de perfiles en la línea de tiempo y perfiles de rendimiento detallados en Chrome DevTools, además del componente Activity que optimiza el rendimiento.
Addy Osmani publicó un extenso artículo sobre el desarrollo de las métricas CWV y el enfoque de Google hacia la velocidad. Es fascinante mirar al futuro, ya que las métricas CWV seguirán evolucionando. Se está investigando la métrica de fluidez de renderizado y cómo medir métricas en SPA.
Gracias a una colaboración exitosa, logramos que las métricas de Core Web Vitals de deNatura estén en verde, aumentando un 17 % el tráfico desde Google. Descubre cómo optimizamos Shoptet en nuestro sitio.
Chrome ha dado un gran paso en el mundo de la IA y el desarrollo web. El servidor MCP para DevTools permite a tus asistentes de IA dialogar sobre la depuración web directamente en el navegador. También puedes cargar y analizar registros en la pestaña de Rendimiento.
Martin conversa con Michal Mládek sobre por qué la velocidad web sigue siendo clave para los negocios, por qué Core Web Vitals no es suficiente, mitos sobre hosting, errores comunes de las empresas y cómo la IA está cambiando el papel de los sitios web.
Harry Roberts publicó un artículo comparando sitios de marcas de ciclismo que patrocinan equipos en el Tour de Francia. Incluye un ranking completo según Core Web Vitals y recomendaciones para cada sitio.
Cloudflare es gratuito en su versión básica. ¿Por qué lo recomendamos? Ayuda contra ataques DDoS, mejora la disponibilidad del sitio y reduce la carga del servidor. Descubre cómo configurarlo en nuestro artículo.
Paul Volcano recopiló estadísticas sobre el uso de robots.txt para bots de IA en sitios web. Cada vez más proyectos gestionan el alto tráfico debido a los crawlers de IA y establecen reglas personalizadas en robots.txt. Por ejemplo, el 21 % de los mil sitios más populares tienen reglas para estos robots.
A menudo escuchamos que lo que está detrás del inicio de sesión no necesita medirse. Sin embargo, la velocidad de los sitios SaaS es un tema en sí mismo. ¿Cómo se compararon 19 plataformas como Asana, Slack, Trello o Jira en términos de velocidad, fiabilidad y estabilidad?
En Podnikatel.cz se publicó un artículo sobre la velocidad de los e-shops. Contribuyeron expertos como Honza Bartoš, David Kazda y Martin Michálek. El artículo resume conocimientos clave para tu negocio, como errores que reducen la conversión y cómo mejorarlos.
Scott Moore ofrece una perspectiva interesante sobre la cultura de la velocidad. Hablemos de cómo unir al equipo, dejar de dividir la velocidad web en backend y frontend, y verla de manera integral. El artículo resume los desafíos y ofrece una guía para mejorar la comprensión y las métricas a seguir.
Hemos añadido un texto sobre otro popular framework de JavaScript. Los problemas de velocidad con Vue.js suelen deberse a errores humanos, no al framework en sí. Cuida la arquitectura, prueba en dispositivos de bajo rendimiento y optimiza siguiendo las mejores prácticas.
También puedes ver dos conferencias sobre la velocidad web. Tammy Everts conectó la velocidad web con la experiencia del usuario y métricas de negocio. Tim Kadlec habló sobre la implementación de CSS View Transition y Speculation Rules.
Paul Irish muestra en un video muchas funciones interesantes. Destacan el nuevo etiquetado de elementos que afectan la métrica CLS, la adición de scripts a la lista de ignorados y una ayuda de IA más personalizada para el rendimiento web.
Si te preocupa esta cuestión, encontrarás la respuesta en el artículo de Speed Kit. Su solución explora la lectura y escritura del atributo src en img, base de la medición. Es técnico y experimental, una «geekada» como decimos en PageSpeed.ONE.
Tener una tienda en Shoptet significa tener una buena base. Pero incluso la mejor tienda necesita cuidado regular. En nuestro artículo, descubre los problemas comunes en esta plataforma, como modificaciones de diseño poco hábiles y la adición de complementos y scripts de terceros sin monitorear su impacto en la velocidad.
Exploremos la mente de los programadores que optimizan LCP en un proyecto basado en Next.js. Lee este artículo sobre temas clave como el aplazamiento de recursos no críticos, la corrección de la hidratación y el doble renderizado del elemento LCP.
¿Vives para hacer los sitios web más rápidos cada día? Entonces los meetups virtuales de PerformanceObserver son para ti. La comunidad de velocidad web está dispersa por todo el mundo, y así puede conectarse. Han publicado principalmente charlas sobre INP.
Las fuentes en formato TTF o SVG aún no han desaparecido por completo. Si no quieres cometer un «faux pas» de velocidad en tu sitio, lee nuestro artículo sobre la optimización de webfonts. Descubre qué formatos son necesarios hoy en día y cómo eliminar caracteres innecesarios en los cortes de fuentes.
Sumérgete en estudios de caso reales donde descubrirás desafíos, soluciones y resultados. Aprende técnicas avanzadas de optimización en aplicaciones de producción con React/Next.js en grandes proyectos como DoorDash, Vio o Preply.
QuintoAndar, el mayor portal de alquileres de Brasil, mejoró su INP de 1000 a 216 ms gracias a optimizaciones asíncronas, transiciones de React y eliminación de scripts innecesarios. Las conversiones aumentaron un 36 % interanual.
MDN publicó una guía completa sobre la velocidad web. Aprende sobre temas fundamentales como dns-prefetch, el renderizado del navegador y el rendimiento de animaciones CSS y JavaScript.
La velocidad de carga y el SEO marcan la diferencia entre un sitio que vende y uno que se pierde en la mediocridad. Invertir en estas áreas te da una ventaja difícil de alcanzar por la competencia. Más argumentos en el artículo de Martin Stepanek.
¿Quién mejor para garantizar la velocidad que una agencia de desarrollo? El monitoreo puede ser parte del mantenimiento regular o de paquetes de servicios. Más razones por las que agencias como PragueBest o Programia usan nuestro monitoreo en el artículo de Martin Michálek.
Una estructura de página ineficiente puede ralentizar significativamente tu sitio web y afectar las métricas de Core Web Vitals. Michal Matuška ha compartido su valiosa experiencia para ti. Descubre por qué la estructura del DOM es crucial, cómo medirla y, por supuesto, cómo optimizar el DOM para acelerar tus sitios.
Las tareas síncronas largas en JavaScript son un problema para todos los sitios. Alex MacArthur escribió un excelente artículo sobre cómo dividir tareas, mencionando async/await, setTimeout, scheduler.postTask y requestIdleCallback. Los entusiastas de la velocidad estarán encantados.
Zuzana Fatrdla explica cómo pensar en los presupuestos de rendimiento en su nuevo artículo. ¿Quieres establecer los límites correctamente? Analiza los datos, fija límites para el peor escenario, comienza con las métricas clave y revisa regularmente. Para más consejos, lee el artículo.
Una estructura de página ineficiente puede ralentizar significativamente tu sitio web y afectar las métricas de Core Web Vitals. Michal Matuška ha compartido su valiosa experiencia para ti. Descubre por qué la estructura del DOM es crucial, cómo medirla y, por supuesto, cómo optimizar el DOM para acelerar tus sitios.
Las tareas síncronas largas en JavaScript son un problema para todos los sitios. Alex MacArthur escribió un excelente artículo sobre cómo dividir tareas, mencionando async/await, setTimeout, scheduler.postTask y requestIdleCallback. Los entusiastas de la velocidad estarán encantados.
Zuzana Fatrdla explica cómo pensar en los presupuestos de rendimiento en su nuevo artículo. ¿Quieres establecer los límites correctamente? Analiza los datos, fija límites para el peor escenario, comienza con las métricas clave y revisa regularmente. Para más consejos, lee el artículo.
El inicio del año siempre invita a predecir tendencias. Según Uxify, en 2025 se abordará la métrica INP, la integración de IA en optimizaciones, el abandono de la arquitectura SPA y el soporte de Core Web Vitals en todos los navegadores modernos. Esperamos con ansias lo que traerá 2025.
Chrome DevTools ahora ofrece una función experimental de asistencia de IA para mejorar la velocidad del sitio. Después de registrar la línea de tiempo, puedes consultar a la IA para analizar problemas, como en otras herramientas. ¿Ya probaste esta funcionalidad?
Martin Michálek te lo explica tras conversar con Otakar Lucák y Daniel Bauer, enfocándose en el impacto en marketing y negocios web. También abordaron cifras y consejos específicos sobre la velocidad.
«La extensión de Chrome llamada Keyword Vitals puede ser una gran ayuda para evaluar el impacto de la velocidad en el SEO. Tras instalarla, busca una palabra clave en Google y verás los valores de Core Web Vitals, así como la correlación de métricas con el posicionamiento y los valores objetivo.»
Las Speculation Rules API son aún nuevas, por eso apreciamos el artículo de Harry Roberts. Aprenderás a usar prefetch para precargar y reducir el TTFB. Nos encanta su análisis profundo y enfoque detallado. ¡Muy valioso!
Después de dos años, Michal Matuška asistió a la conferencia Performance.now() en Ámsterdam, donde hablaron los mejores del sector. Harry Robers, Tammy Everts y Paul Calvano dieron excelentes charlas. ¿Quieres saber qué temas están revolucionando la velocidad? Lee nuestro artículo.
En React encontramos técnicas de optimización inteligentes, pero su rendimiento siempre depende del uso del desarrollador. En el artículo de Michal Matuška, aprenderás a usar Suspense, Server Components y cómo el tamaño del DOM afecta la velocidad.
¿Crees que no puedes mejorar la velocidad del sitio desde el backend? Error. Hay muchas formas de influir en la velocidad. Zuzana Fatrdla ha recopilado consejos para la Ayuda, incluyendo compresión sin pérdida, parámetros UTM, Early Hints y Speculation Rules API.
Las métricas Core Web Vitals de Google son un estándar industrial, pero solo se pueden medir en navegadores con motor Chromium. No conocemos los valores en Safari. Descubre por qué debería cambiar en el artículo de Brian Luis Ramirez.
Seguramente has leído en muchos artículos el consejo de retrasar scripts no esenciales con setTimeout(). ¿Pero cómo funciona? Michal Matuška escribió un texto que explica en profundidad cómo usar setTimeout() y los riesgos de esta técnica.
¿Se le ocurre a menudo la misma pregunta? Vea el video de Wes Bose, donde analiza las tecnologías detrás de McMaster.com. Se mencionan técnicas específicas como el uso de preload o Speculation Rules API. ¿Un adelanto? El sitio en el video usa jQuery.
Hasta un 17 % de las visitas móviles no pueden usar la caché del historial debido a la cabecera no-store. Chrome permitirá el almacenamiento en caché, mejorando la velocidad de muchos sitios. ¡Estamos emocionados!
Rediseñar un sitio web, especialmente si la versión actual es muy rápida, no es fácil. Pero lo logramos con nuestro cliente, el e-shop Svět Svítidel. Documentamos nuestras experiencias y recomendaciones en un estudio de caso.
«En Chrome 129, los desarrolladores encontrarán novedades en la pestaña de Rendimiento. Ofrece una nueva perspectiva sobre las métricas de velocidad medidas localmente y las compara con las de usuarios reales. Podría reemplazar la conocida extensión Web Vitals.»
Cloudflare lanza un nuevo servicio que precarga páginas usando Speculation Rules API, reduciendo el tiempo de carga. Speed Brain actualmente precarga contenido estático, y se planea implementar prerenderizado en el futuro.
Hemos escrito una guía para encontrar el elemento LCP de manera confiable. La métrica Largest Contentful Paint es una de las más importantes, pero no siempre es fácil manejarla. En la guía aprenderá a encontrar el elemento LCP en PageSpeed Insight, Lighthouse o DevTools.
Google planea implementar el atributo blocking=render en Chrome. Este atributo hará que el recurso cargado bloquee el renderizado. ¿Por qué querríamos esto? Harry Roberts lo explica.
Speculation Rules permite precargar o incluso pre-renderizar otra página. Puedes definirlas directamente en HTML. Descubre más en nuestro artículo, donde exploramos sus aplicaciones prácticas.
La nueva versión de nuestra herramienta es aún mejor. Hemos trabajado intensamente en la ayuda y en el inicio automático del monitoreo PLUS. La principal novedad encantará a quienes disfrutan de páginas que cargan al instante.
Cargar rápido está bien, pero ¿qué tal carga instantánea? Conocer los diferentes tipos de navegación es crucial, ya que algunos son mucho más rápidos que otros. El objetivo es mover a la mayoría de los usuarios a los tipos de navegación más rápidos. Hemos desglosado esta novedad en nuestra documentación.
¿Por qué el tamaño y la cantidad de anidaciones en el DOM afectan tanto la velocidad del sitio web? Maxi Ferreira realizó un experimento explicando cómo funciona el navegador, midiendo el impacto de las anidaciones del DOM en el renderizado de la página y analizando cómo influyen tus CSS.
Sabemos por experiencia que las diferencias entre las mediciones de velocidad pueden ser problemáticas incluso para expertos. Definamos aquí qué es la sintética («synth»), los datos de usuarios de Google («CrUX») y los datos de todos los usuarios («RUM»).
En DevTools encontrarás nuevas funciones. Por ejemplo, en el panel de Network, ahora puedes depurar mejor las cabeceras Early Hints, o en la pestaña Performance, donde hay una nueva opción «Enable CSS selector stats» para analizar el rendimiento de los selectores.
Para la comunidad de WebPerf.cz, organizamos dos encuentros este año, uno en Praga y otro en Bratislava. Ambos fueron exitosos y ahora puedes acceder al conocimiento adquirido, incluyendo nuestras notas resumidas.
Mejoramos constantemente nuestra herramienta pagespeed.one. Hemos añadido un gráfico de evolución de velocidad que muestra el percentil 75 y resultados de Monitor en el Resumen. Además, compartiremos nuestros conocimientos en la nueva documentación.
El artículo más reciente en nuestra documentación trata sobre la optimización de la métrica LCP. Aprende a usar Priority Hints, precarga o carga diferida para mejorar la velocidad de tus sitios. ¿Ya usas el formato de imagen WebP en todas partes?
DebugBear ha publicado un nuevo estudio sobre el impacto de las extensiones en el rendimiento del navegador. Los resultados son muy interesantes. El impacto de las extensiones es mucho mayor que hace 3 años. ¿Y quiénes son los principales culpables de la ralentización actual? Extensiones de IA y Copilot como Monica, Merlin o Sider.
Harry Roberts, estrella mundial en velocidad web, lidera un taller el 31 de mayo en WebExpo: «Cómo pensar como un ingeniero de rendimiento». Obtén consejos profesionales para mejorar. No te pierdas esta oportunidad única.
Martin Michálek escribió un artículo extenso para Lupa.cz sobre la métrica INP, donde aprenderás todo lo necesario de manera accesible y no técnica. Lo más importante: aborda INP cuanto antes, comienza con el monitoreo, ofrece respuestas inmediatas a los usuarios y acorta tareas largas.
Durante mucho tiempo nos faltó un lugar para reunir toda la información sobre velocidad, por eso lanzamos la ayuda de PageSpeed.ONE. Aquí encontrarás conocimientos amplios sobre velocidad web, métricas y, con el tiempo, documentación de la herramienta. Planeamos expandir esta «ayuda» continuamente.
La caché de retroceso/avance (BFcache) es una optimización del navegador que permite una navegación instantánea. Mejora significativamente la experiencia, especialmente para usuarios con redes o dispositivos lentos. Para implementarlo en tu sitio, lee el artículo de Radek en el blog.
Nunca hay suficientes buenos artículos sobre INP, y este de Andy Davies es excelente. Cubre la identificación de interacciones largas y ofrece una guía paso a paso para interpretarlas y optimizarlas.
Desde la versión 122 de Chrome, está disponible una mejora del Speculation Rules API. Es una forma nativa de prerenderizar enlaces desde la página actual en el navegador, logrando una carga instantánea. Una novedad es la opción de ajustar la «eagerness», que especifica cuándo aplicar las reglas.
Hemos lanzado una nueva versión de Monitoring PLUS con mejoras basadas en las solicitudes de los usuarios. Ahora puedes probar más URL o dominios por un costo adicional, hemos añadido métricas para monitorear JS de terceros, incluido INP, y puedes enviar notificaciones a múltiples Slack o Teams. Lee nuestro artículo para más detalles.
Los modelos 3D siguen siendo un tema marginal, por eso agradecemos el artículo de Jason Grigsby, que cubre los componentes más comunes para mostrar modelos 3D, formatos de archivo, experiencia de usuario, optimización y el futuro potencial señalado por Apple con el nuevo elemento HTML <model>.
¿Te interesa comparar el rendimiento de los últimos iPhones con un Android común? ¿En qué países el 5G es solo un sueño? ¿Qué significa esto para los desarrolladores en términos de velocidad web? El artículo de Alex Russel tiene las respuestas.
El monitor de velocidad es clave en el monitoreo PLUS. Nos centramos en simplicidad, automatización y notificaciones en varios canales. ¿Cómo lo logramos? Descúbrelo en nuestro artículo detallado.
¿Te preocupa la métrica CLS en tu sitio web? Radek Šír ha identificado los problemas más comunes de CLS y cómo solucionarlos, basándose en nuestra amplia experiencia. ¿Sabías que después de una interacción del usuario, debes completar la acción en la interfaz en 500 ms?
INP pronto reemplazará la métrica FID en Core Web Vitals. Muchos desarrolladores ya están lidiando con INP, enfrentando desafíos en la medición y detección de problemas. Tsvetan Stoychev comparte su intento de automatizar la medición de INP usando Puppeteer.
«En el video, discutimos consejos para optimizar la métrica LCP, presentamos la nueva métrica INP, compartimos ejemplos de problemas y mostramos las ventajas del monitoreo PLUS.»
Diciembre es ideal para aprender sobre la velocidad web con artículos de expertos globales. Este año se abordan temas como INP, puntuación de velocidad y optimización de bibliotecas JS.
La pregunta clave para los propietarios de sitios web es si la inversión en velocidad se recuperará. Con la calculadora de ROI, puedes estimar el retorno. Solo necesitas conocer valores como el tráfico mensual, la tasa de conversión y el precio del pedido.
Descubre más sobre el monitoreo PLUS en nuestro artículo. Está diseñado para quienes gestionan sitios profesionalmente y saben que la velocidad importa porque mejora los indicadores de negocio. Si eres propietario de sitios, desarrollador o marketero, lee más.
Antes del lanzamiento de PLUS, hemos preparado mejoras para nuestra herramienta. Disfruta de nuevos gráficos en los informes de Watchdog, comportamiento ajustado tras cambios de URL y modales más claros con resultados de pruebas.
Google ha lanzado un nuevo curso en web.dev sobre la velocidad web, ideal para principiantes. Incluye conceptos clave y técnicas para mejorar. Confía en nosotros, el curso es excelente.
Con gran alegría, después de meses de desarrollo, lanzamos el nuevo tester. Disfruta de muchas novedades, incluidas nuevas métricas, informes y gráficos.
La métrica Interaction to Next Paint es más estricta que la obsoleta FID. Optimizarla puede llevar meses, así que es el mejor momento para abordarla.
Nuestro favorito, Harry Roberts, ofrece un texto sobre cómo mejorar el LCP. Prepárese para calcular tamaños, ya que desde la versión 112, Chrome ignora imágenes con bajo valor informativo.
Radek Šír asistió a la conferencia de Smashing Magazine para recopilar conocimientos sobre optimización de velocidad. Andy Davies de SpeedCurve ajustó la métrica INP, y gracias a Radek, descubrirás lo que mostró.
Un caso de éxito de Yahoo! JAPAN News basado en la optimización de velocidad con BFcache (Back/forward Cache), que también implementamos con nuestros clientes. Además del aumento en ingresos publicitarios, el test mostró un incremento del 2,26 % en vistas de páginas móviles.
Long Animation Frames API es una propuesta para innovar el actual Long Tasks API. Sirve para identificar automáticamente tareas largas en JavaScript. El nuevo API amplía significativamente las posibilidades, útiles para optimizar la métrica INP.
La métrica de Cumulative Layout Shift es parte de Core Web Vitals desde hace tiempo. Mide los desplazamientos no deseados del diseño, y Radek Šír sabe cómo optimizarla. Lee su artículo para mejorar tu puntuación CLS.
Esta es una conferencia muy interesante y actualizada regularmente sobre el impacto de JavaScript en la velocidad. ¿El autor? Addy Osmani, por supuesto. Recomendamos a los desarrolladores ver cómo JS afecta cada vez más el rendimiento de las páginas web y qué se puede hacer al respecto.
Con la nueva métrica INP, no te dejaremos en paz. Porque no podemos. En el artículo «Interaction to Next Paint: What SEOs need to know», los expertos de Wix analizan esta métrica de interactividad. ¿En qué se diferencia de FID? ¿Cómo optimizarla?
Desde nuestro taller, un nuevo artículo resume información clave sobre la métrica Largest Contentful Paint. También compartimos experiencias prácticas y opciones de optimización.
El formato GIF es esencial en la web, pero lleva 36 años con nosotros. ¿Hay un formato más moderno y eficiente para imágenes animadas? La respuesta es sí. Lee el artículo a continuación para comparar WebM, AVIF, MP4 y WebP.
Harry Roberts defiende el uso de DOMContentLoaded, aunque ahora se prefieren métricas UX. DOMContentLoaded ofrece información útil sobre la carga de la página y ayuda a detectar problemas con código asíncrono.
Martin Michálek escribió diez consejos sobre novedades en velocidad web. Disfruta de ejemplos prácticos de código e información sobre size-adjust, priority hints, BF cache y formatos de imagen poco usados como WebP/AVIF.
Harry Roberts abordó el orden de los elementos en <head> hace unos meses, un tema bastante relevante. Ahora, Rick ha creado una extensión para Google Chrome que muestra el estado actual en la página.
«SpeedCurve ha preparado una comparación detallada de la velocidad de carga de varios sitios web. Puedes verlos por categoría, ubicación y métricas específicas. ¿Cómo se desempeñaron los sitios de noticias europeos, incluyendo Novinky.cz, en la métrica LCP?»
¿Te has preguntado cuál es el e-shop checo más rápido? ¿Pueden ser rápidos los grandes e-shops? ¿Y qué tal tu e-shop? Encuentra las respuestas en la última entrada del blog de PageSpeed.ONE.
Google anunció un cambio importante en Core Web Vitals. En marzo de 2024, la métrica First Input Delay será reemplazada por Interaction to Next Paint (INP), reflejando mejor el impacto de JavaScript en la navegación.
Identificar problemas con las métricas Core Web Vitals ahora es más fácil. La extensión para Chrome llamada Web Vitals ahora muestra información sobre la métrica INP y mejora el registro en la consola para todas las métricas.
A los desarrolladores aún les falta conocimiento sobre las pruebas de Core Web Vitals en el navegador, habilidades tan importantes como implementar funcionalidades correctamente. Zuzana Fatrdla en nuestro blog explica por qué es mejor usar Dev Tools en lugar de Lighthouse para las pruebas.
Desde el 6 de abril de 2023, Google cambió las reglas para evaluar el elemento LCP, limitando los trucos para esta métrica. Las imágenes con menos de 0,05 bits de datos por píxel no son elementos LCP. Esto afecta principalmente a imágenes grandes y simples o imágenes de marcador de posición.
WebExpo fue hermoso e intenso. Martin Michálek resumió sus impresiones de la conferencia de este año, enfocándose en la velocidad. En el artículo, analiza las interesantes charlas de Harry Roberts y Scott Jehl, y comparte observaciones de su propia presentación sobre la métrica Cumulative Layout Shift.
Seguimos mejorando nuestro tester. En la versión 3.1, ofrecemos ajustes de pruebas, nuevos tipos de dominios y mejoras en los informes por correo. También añadimos la opción de descargar resultados en formato JSON para Lighthouse y eliminamos métricas obsoletas.
El changelog de Safari 16.4 alegrará a muchos desarrolladores. Ahora incluye font-size-adjust y loading=“lazy“ para iframes, mejorando la velocidad web.
Las aplicaciones de una sola página pueden ofrecer una experiencia más fluida, pero presentan desafíos al medir Core Web Vitals, ya que las navegaciones «suaves» no se consideraban visitas únicas. Chrome 110 introduce una opción experimental para medir mejor los CWV en SPA.
Brotli y GZIP son los tipos de compresión más comunes para CSS, JS y otros archivos. ¿Sabías que puedes ajustar el nivel de compresión? Un nivel más alto ahorra más datos, pero requiere más potencia y tiempo de cálculo. Descubre cómo elegir el nivel más eficiente en nuestro artículo.
Google lanza una nueva versión de Lighthouse en Chrome 112. La métrica TTI desaparece del cálculo de LPS, mientras que CLS aumenta su peso al 25%. Esto y más pronto en tus navegadores.
Actualmente, tenemos dos formas de priorizar archivos en la web: mediante preload o priority hints. Aunque parecen similares, es importante conocer sus diferencias, como explica el artículo de Kevin Farrugia.
El año pasado fue un gran comienzo para PageSpeed.ONE. Ofrecimos más servicios de consultoría para optimizar la velocidad web y desarrollamos nuestro propio probador de velocidad. Lee sobre nuestros éxitos en el blog.
Durante las pruebas de velocidad web, puedes encontrar problemas que necesitas mostrar a tus colegas. Te ofrecemos un consejo para cargar fácilmente el perfil medido en la web y compartir la URL cómodamente.
Desarrolladores del equipo Chrome DevRel han reunido recomendaciones para optimizar la velocidad en 2023. Descubre más sobre fetchpriority, bfcache y otras formas de acelerar tu sitio web.
.png)
En este artículo, exploramos características, técnicas y herramientas que nos impresionaron en 2022. Descubre Early Hints, el cambio en el cálculo de la métrica CLS, la propiedad CSS size-adjust y más novedades.
.png)
Las extensiones del navegador también pueden tener un gran impacto negativo en la velocidad del sitio web. La herramienta Chrome Extension Performance Lookup te muestra cómo afectan al cargar páginas web las 1,000 extensiones más utilizadas de Chrome.
Estamos recibiendo más materiales sobre la métrica experimental INP, esta vez de desarrolladores de Google, quienes ofrecen una guía paso a paso para optimizarla. Se espera que Google la incluya en Web Vitals en 2023.
A finales de octubre asistimos a la conferencia Perf.now() en Ámsterdam. Escuchamos 14 charlas, destacando las de Harry Roberts, Ivan Akulov y Nolan Lawson. Detalles completos en nuestro artículo.
Si deseas optimizar la velocidad pero la pestaña de Rendimiento en Chrome DevTools te resulta complicada, prueba Performance Insights. Muestra solo la información más relevante, especialmente sobre Web Vitals. Encuentra una guía detallada en el sitio de Chrome Developers.
Desde 2009, diciembre es el mes del Web Performance Calendar. Este año no será la excepción, y desde el 1 de diciembre podrás disfrutar cada día de un artículo sobre velocidad. Creemos que encontrarás algo de tu interés.
¿LCP no es suficiente? Mide el renderizado de un elemento específico con Element Timing API. Úsalo en navegadores basados en Chromium para marcar el elemento que te interesa. ¿Cuándo es útil y qué limitaciones tiene?
Web Almanac presenta uno de sus resúmenes regulares. Esta vez sobre JavaScript de terceros. ¿Sabías que el 94% de las páginas móviles usan al menos un tercero?
La diferencia entre la fuente web de tu diseño y la fuente del sistema puede causar desplazamientos no deseados en el diseño. Afortunadamente, la nueva propiedad CSS size-adjust y esta herramienta facilitan la implementación.