![](https://web.dev/static/images/case-studies-header.png?authuser=8&%3Bhl=es-419&hl=es-419)
Casos de éxito
Cómo hacer que el modelo de referencia sea práctico con datos de usuarios reales
Cómo RUMvision incorporó la información de Baseline con sus datos de RUM
Desbloquea el poder de las consultas de contenedores de CSS: lecciones del equipo de Netflix
En este caso de éxito, se explican los beneficios de adoptar consultas de contenedores en Netflix.
Cómo Tokyu logró un acceso 12 veces más rápido con llaves de acceso
Descubre cómo Tokyu, una empresa ferroviaria de Japón, logró un acceso 12 veces más rápido con llaves de acceso, lo que ayuda a miles de viajeros diarios.
Por qué Hojas de cálculo de Google transfirió su trabajador de cálculo de JavaScript a WasmGC
Los cálculos en Hojas de cálculo de Google se realizaban inicialmente en el servidor, luego en el cliente en JavaScript y, ahora, en el cliente en la recolección de elementos no utilizados de WebAssembly. Este caso práctico explica cómo y por qué.
Menos fricción y más control: Cómo Google Meet mejoró los permisos de audio y video
En este caso de éxito, se describe cómo el equipo de Google Meet mejoró los permisos y el impacto que tuvo en los usuarios. la satisfacción con la reunión.
BILIBILI aprovecha la solución de IA web integrada en el dispositivo de MediaPipe para mejorar la UX de las transmisiones de video por Internet y aumentar la duración de las sesiones en más de un 30%
Descubre cómo la Web habilitó experiencias 3D envolventes para ayudar a los clientes a comprender y explorar los productos físicos.
Cómo Disney+ Hotstar aumentó las vistas de tarjetas semanales en un 100% en dispositivos de sala de estar al reducir el INP en un 61%
Descubre cómo Disney Hotstar, una app para smart TVs y decodificadores, aumentó significativamente la participación de los usuarios gracias a sus esfuerzos por reducir su INP.
3D interactivo en la Web con hardware de Google: Experiencias de educación sobre productos de nueva generación
Descubre cómo la Web habilitó experiencias 3D envolventes para ayudar a los clientes a comprender y explorar los productos físicos.
Cómo la plataforma de administración de consentimiento de PubTech redujo el INP de los sitios web de sus clientes hasta en un 64% y mejoró la visibilidad de los anuncios en hasta un 1.5%
Cómo la plataforma de administración de consentimiento de PubTech redujo el INP de los sitios web de sus clientes hasta en un 64% y mejoró la visibilidad de los anuncios en hasta un 1.5%
Buenas notas en todas partes
Durante los últimos dos años, el equipo de ingeniería de Goodnotes ha estado trabajando en un proyecto para llevar la exitosa app de toma de notas para iPad a otras plataformas. En este caso de éxito, se muestra cómo la app del año para iPad de 2022 llegó a la Web, ChromeOS, Android y Windows con la tecnología de tecnologías web y WebAssembly reutilizando el mismo código Swift en el que el equipo llevaba más de diez años trabajando.
Cómo Taboola, un proveedor de recomendaciones de contenido, usó la LoAF para mejorar el INP en hasta un 36% para los sitios web de sus socios editores.
Cómo Taboola, un proveedor de recomendaciones de contenido, usó la LoAF para mejorar el INP en hasta un 36% para los sitios web de sus socios editores.
CapCut aumenta el tráfico orgánico en un 83% a través de la compilación de una app web completamente funcional con WebAssembly y WebCodecs
Cómo una de las apps de edición de video más populares disponibles para dispositivos móviles creó una versión web completamente funcional
El poder de la Web para los ilustradores: Cómo pixiv usa las tecnologías web en su app de dibujo
pixiv es un servicio de comunidad en línea para ilustradores y fanáticos de la ilustración que se comunican entre sí a través de su contenido. Permite que las personas posten sus propias ilustraciones. Tiene más de 84 millones de usuarios en todo el
Cómo Tokopedia mejoró su aplicación web de vendedores con el aprendizaje automático para reducir los costos operativos
En esta publicación, se describe cómo Mitra Tokopedia redujo sus costos operativos gracias a que mejoró su aplicación web de vendedor mediante el aprendizaje automático.
Cómo Trendyol redujo el INP en un 50%, lo que generó un aumento del 1% en la tasa de clics
En este caso de éxito, se describe un flujo de trabajo paso a paso para depurar y mejorar INP en React que usa Trendyol aprovechando herramientas de Google como PageSpeed Insights (PSI), las Herramientas para desarrolladores de Chrome y la API de Scheduler.yield.
Cómo la AWP de Kiwix permite a los usuarios almacenar gigabytes de datos de Internet para usarlos sin conexión
Este caso de éxito explora cómo Kiwix, una organización sin fines de lucro, utiliza la tecnología de Progressive Web App y la API de File System Access a fin de permitir que los usuarios descarguen y almacenen grandes archivos de Internet para usarlos sin conexión.
Cómo Yahoo! Japón aumentó la adopción de llaves de acceso al 11% y redujo los costos de OTP de SMS
Más información sobre los anuncios de texto expandidos de Yahoo! Japón Japón para mejorar la adopción de llaves de acceso y la experiencia del usuario.
Cómo la carga previa ayudó a Terra a aumentar la tasa de clics de los anuncios en un 30% y a acelerar el Largest Contentful Paint.
La carga previa es una técnica que se utiliza para acelerar la carga de una página mediante la descarga de recursos (o incluso páginas completas) que probablemente se necesiten en un futuro cercano. Según investigaciones, los tiempos de carga más rápidos generan porcentajes de conversiones más altos y mejores experiencias del usuario.
Cómo la memoria caché atrás/adelante ayudó a Yahoo! Las noticias de Japón aumentaron un 9% los ingresos provenientes de dispositivos móviles
Yahoo! JAPAN News, una de las plataformas de noticias más populares en Japón, impulsó un esfuerzo coordinado para mejorar su tasa de aciertos de la bfcache y, como resultado, obtuvo mejoras importantes en la experiencia del usuario y la empresa. Específicamente, los resultados de la prueba A/B que realizaron demostraron que las páginas que utilizan bfcache obtuvieron un aumento del 9% en los ingresos publicitarios.
Búsqueda de Economic Times para corregir el INP
Reducir la TBT en 30 veces y migrar a Next.js ayudó a The Ecomonic Times a reducir el INP casi cuatro veces, lo que generó una disminución del 50% en el porcentaje de rebote y un aumento del 43% en las vistas de página.
Cómo redBus mejoró la métrica Interaction to Next Paint (INP) de su sitio web y aumentó sus ventas un 7%
Las optimizaciones del INP ayudaron a redBus a aumentar las ventas en aproximadamente un 7%
Cómo Slow Roads intriga a los gamers y a los desarrolladores por igual, ya que destaca las sorprendentes capacidades del 3D en el navegador
Descubre el potencial de WebGL con el paisaje infinito y generado mediante procedimientos de este juego casual de conducción. Slow Roads es un juego de conducción informal que se enfoca en un entorno generado de manera continua, todo alojado en el
Creamos una Web mejor: un YouTube más rápido
Esta es la Parte 1 de nuestra nueva serie sobre cómo crear una mejor experiencia web de YouTube.
Cómo la inversión de Rakuten 24 en Métricas web esenciales aumentó los ingresos por visitante en un 53.37% y el porcentaje de conversiones en un 33.13%
Mediante la medición de los usuarios reales (Métricas web), Rakuten 24 también descubrió que un buen Procesamiento de imagen con contenido más grande (LCP) puede generar un aumento en el porcentaje de conversiones del 61.13%.
Cómo los sitios web y el servicio de marketing de GoDaddy mejoraron las Métricas web esenciales de los clientes en un 75%
Un caso de éxito de los cambios que GoDaddy implementó para mejorar el rendimiento de millones de sitios, lo que les permitió obtener buenas puntuaciones de PageSpeed Insights y Métricas web esenciales.
El minorista de lujo Farfetch obtiene porcentajes de conversiones más altos para obtener mejores Métricas web esenciales
Cómo la inversión del minorista de lujo Farfetch para mejorar las Métricas web esenciales generó mejores resultados comerciales.
Yahoo! En Japón, la autenticación sin contraseñas redujo las consultas en un 25% y el tiempo de acceso se aceleró 2.6 veces.
Yahoo! Japón logró un sistema de identidad sin contraseñas. Conoce su enfoque y las consecuencias del esfuerzo.
Cómo RebelMouse aumentó la lealtad y el compromiso mediante la optimización de las Métricas web esenciales
Un caso de éxito que mide el impacto y los beneficios totales de las puntuaciones altas de rendimiento en las Métricas web esenciales.
Una experiencia web moderna en Adobe Experience Manager con WorkBox
Las apps web progresivas aprovechan lo que puede hacer la Web moderna. Adobe usó Workbox para incorporar esas capacidades en Adobe Experience Manager.
La AWP de MishiPay aumenta las transacciones 10 veces y ahorra 2.5 años de filas
Descubre cómo la AWP de MishiPay aumenta las transacciones 10 veces y ahorra 2.5 años de creación de filas.
Cómo The Economic Times pasó los umbrales de las Métricas web esenciales y logró un porcentaje de rebote un 43% más alto en general
La optimización de las Métricas web esenciales en el sitio web de The Economic Times mejoró significativamente la experiencia del usuario y redujo considerablemente el porcentaje de rebote en todo el sitio web.
Cómo Terra mejoró la participación de los usuarios gracias al modo oscuro
En este artículo, analizaremos el recorrido de Terra desde la identificación del tamaño de la cohorte del “modo oscuro”, hasta la aplicación de un tema oscuro personalizado y, por último, la medición del impacto de esta implementación en sus KPI principales.
Cómo QuintoAndar mejoró el rendimiento de las páginas para aumentar los porcentajes de conversiones y las páginas por sesión
Un proyecto enfocado en optimizar las Métricas web esenciales y migrar a Next.js generó un aumento del 5% en los porcentajes de conversiones y del 87% en las páginas por sesión.
Kapwing: Potente editor de videos para la Web
Empresas como Kapwing permiten crear todo este contenido de video directamente en la Web con APIs potentes (como IndexedDB y WebCodecs) y herramientas de rendimiento.
SVGcode: una AWP para convertir imágenes de trama en gráficos vectoriales SVG
Convierte imágenes de mapa de bits en color o monocromáticas (PNG, JPG, JPEG, WEBP, AVIF, GIF, etc.) a imágenes vectoriales monocromáticas o a color (SVG).
La mejora de las Métricas web esenciales en la página principal de Mail.ru generó un aumento promedio del 10% en los porcentajes de conversiones
Varios meses de trabajo para mejorar las Métricas web esenciales en la página principal de Mail.ru generaron un aumento del 60% en el percentil 75 del Cambio de diseño acumulado (CLS), lo que incrementó el tiempo de sesión promedio en un 2.7% y los porcentajes de conversión de las secciones principales en más de un 10%.
Cómo Renault mejoró sus porcentajes de rebote y conversiones mediante la medición y optimización de Largest Contentful Paint
En esta publicación, se explica cómo Renault y su socio de datos global cincuenta y cinco abordaron la medición y optimización de las Métricas web esenciales. El equipo analizó los datos de 10 millones de visitas en sus páginas de destino, descubrió una sólida correlación entre el Procesamiento de imagen con contenido más grande y las conversiones, y duplicó su esfuerzo de optimización. Analizaremos estos puntos de datos y comprenderemos cómo se organizaron los equipos para las optimizaciones.
Cómo Swappie aumentó los ingresos provenientes de dispositivos móviles en un 42% al enfocarse en las Métricas web esenciales
En este caso de éxito, se explica cómo el equipo de Swappie aumentó las conversiones y los ingresos mediante la optimización de su aplicación web en función de las Métricas web esenciales.
El impacto empresarial de las Métricas web esenciales
Este artículo te ayudará a comprender cómo se correlacionan las Métricas web esenciales con las métricas empresariales clave mediante la exploración de ejemplos de empresas que ya observaron un impacto positivo en sus usuarios y negocios.
Cómo comprometerse con las Métricas web esenciales aumentó los ingresos publicitarios de Netzwelt en un 18%
Obtén información sobre cómo el editor de noticias alemán Netzwelt optimizó Métricas web esenciales para mejorar la experiencia del usuario y los ingresos publicitarios.
La AWP de Blibli genera 10 veces más ingresos por usuario que su sitio web móvil anterior
Cómo Blibli logró una reducción del 42% en el porcentaje de rebote, una mejora 8 veces mayor en el porcentaje de conversiones móviles y 2.5 veces más páginas por sesión.
Cómo mejorar el Cambio de diseño acumulado en Telegraph Media Group
Cómo Telegraph, el sitio web líder de noticias del Reino Unido, logró mejorar su percentil 75 de CLS en un 250%, de 0.25 a 0.1 en un par de meses.
Orange: La nueva AWP genera un aumento del 52% en las conversiones en dispositivos móviles
La nueva AWP también tiene un tiempo de carga promedio un 30% más rápido que el sitio anterior y mejoró el porcentaje de rebote en un 12% y la profundidad de sesión en un 18%.
Mainline Menswear implementa AWP y logra un aumento del 55% en el porcentaje de conversiones
Mainline Menswear implementa una aplicación web progresiva (AWP) y logra un aumento del 55% en el porcentaje de conversiones para los usuarios que instalaron la aplicación con funciones de almacenamiento en caché y sin conexión.
Cómo Zalando redujo el tiempo de comentarios sobre el rendimiento de 1 día a 15 minutos con Lighthouse CI
El equipo web de Zalando descubrió que la integración de la CI de Lighthouse permite adoptar un enfoque proactivo con respecto al rendimiento, con verificaciones de estado automatizadas capaces de comparar la confirmación actual con la rama principal para evitar regresiones de rendimiento.
El sitio web de Lowe's se encuentra entre los sitios web de comercio electrónico de rendimiento más rápido
Mediante la compilación de un sistema automatizado de prueba y supervisión de rendimiento, el equipo de velocidad del sitio de Lowe's prueba las solicitudes de extracción con los presupuestos de rendimiento y evita que las regresiones de rendimiento entren en producción.
Vodafone: Una mejora del 31% en el LCP aumentó las ventas en un 8%
Mediante la ejecución de una prueba A/B enfocada específicamente en la optimización de las Métricas web, Vodafone descubrió que una mejora del 31% en el LCP generó un aumento del 8% en las ventas, una mejora del 15% en la tasa de visitas al cliente potencial y una mejora del 11% en la tasa del carrito a visitas.
Cómo Wix mejoró el rendimiento del sitio web mediante la evolución de su infraestructura
Un caso de éxito de algunos cambios importantes que se implementaron en Wix para mejorar el rendimiento de carga de sitios web en millones de sitios, lo que les permitió obtener buenas puntuaciones de PageSpeed Insights y Métricas web esenciales.
Cómo las optimizaciones de CLS aumentaron en Yahoo! Aumento del 15% en las vistas de página por sesión de Yahoo! Japan
Mediante Search Console y Lighthouse para supervisar las Métricas web esenciales, descubrieron oportunidades para optimizar la puntuación de CLS en 0.2, lo que generó un aumento del 15% en las páginas vistas por sesión, una duración de sesión un 13% más larga y una disminución porcentual de 1.72 puntos en el porcentaje de rebote.
Agrofy: una mejora del 70% en el LCP que se relaciona con una reducción del 76% en el abandono durante la carga
Descubre cómo Agrofy mejoró su tasa de carga de vehículos al enfocarse en las Métricas web esenciales.
Excalidraw Electron dejó de estar disponible y se reemplazó por la versión web
Excalidraw es una pizarra virtual colaborativa que te permite esbozar fácilmente diagramas que se sienten dibujados a mano. En el proyecto de Excalidraw, decidimos dar de baja Excalidraw Desktop, un wrapper de Electron para Excalidraw, en favor de la versión web que puedes (y siempre podrías) encontrar en excalidraw.com. Después de un análisis cuidadoso, decidimos que la app web progresiva (AWP) es el futuro sobre el que queremos construir.
Los usuarios de AWP tienen 2.5 veces más probabilidades de comprar Gravit Designer PRO.
Además, los usuarios de AWP son un 24% más activos que todos los demás tipos de instalaciones, se convierten en usuarios recurrentes un 31% más que en todas las demás plataformas y mucho más.
Las instalaciones de la AWP del editor de video de Clipchamp registran un crecimiento mensual del 97%
Cómo las AWP, WebAssembly y ChromeOS ayudan a un editor de video basado en la Web a mejorar el rendimiento y brindar una experiencia más atractiva a 12 millones de usuarios.
JD.ID mejora su porcentaje de conversiones móviles en un 53% con estrategias de almacenamiento en caché, instalación y notificaciones push
Cómo JD.ID aumentó su porcentaje de conversiones móviles (mCVR) general en un 53%, la mCVR de los usuarios instalados en un 200% y los usuarios activos por día en un 26%.
La inversión de Rakuten 24 en AWP aumenta la retención de usuarios en un 450%
Hacer que su aplicación web fuera instalable dio como resultado un aumento en el tráfico, la retención de visitantes, las ventas por cliente y las conversiones.
NDTV logró una mejora del 55% en el LCP mediante la optimización en función de las Métricas web esenciales
Con herramientas como PageSpeed Insights, web.dev/measure y WebPageTest, el equipo de NDTV analizó las posibles áreas de mejora e invirtió en Métricas web esenciales para lograr el éxito empresarial.
Cómo el enfoque en el rendimiento web mejoró la tasa de clics de Tokopedia en un 35%
Crear un panel de rendimiento web y optimizar JavaScript, los recursos y la página principal para lograr el éxito comercial.
Cómo ZDF creó una AWP de video con el modo sin conexión y oscuro
Descubre cómo ZDF creó una app web progresiva (AWP) con funciones modernas, como soporte sin conexión, capacidad de instalación y modo oscuro.
Cómo la AWP de Goibibo mejoró las conversiones en un 60%
Descubre cómo Goibibo, la principal empresa de viajes en línea de la India, logró un aumento del 60% en las conversiones gracias a la creación de experiencias del usuario confiables entre la AWP y las apps para iOS y Android.
Cómo se optimizó Mercado Libre para las Métricas web (TBT/FID)
Resumen del trabajo que realiza el equipo de arquitectura de frontend de Mercado Libre para optimizar el FID con TBT como métrica proxy.
Los milisegundos valen millones
Una mejora de 0.1 segundos en 4 métricas de velocidad puede mejorar los índices de progresión en todo el embudo de compra.
Caso de éxito de la API de Wake Lock: 300% de aumento en los indicadores de intención de compra en BettyCrocker.com
Caso de éxito de las experiencias del sitio de cocina BettyCrocker.com con la implementación de la API de Wake Lock.
Cómo Google mejoró el rendimiento de los anuncios con stale-while-revalidate
En este caso de éxito, se explica cómo Google aumentó las métricas clave del negocio de los anuncios mediante la optimización del rendimiento de su secuencia de comandos de anuncios de terceros con la función impermeable durante la revalidación.
Compra velocidad en eBay.com
Este caso de éxito explica cómo eBay incrementó las métricas comerciales clave al optimizar el rendimiento de sus experiencias web y de aplicaciones.
OYO Lite: un TWA con lo mejor de las apps web y para Android
Cómo una startup de hotelería creó una app para Android que se basa en contenido web para aumentar drásticamente la participación de los usuarios y mantener un tamaño de archivo reducido.
Cinco formas en que AirSHIFT mejoró el rendimiento del tiempo de ejecución de su app de React
Descubre cómo el equipo de AirSHIFT usó la virtualización de tablas, los datos de RUM, la carga diferida, los trabajadores web, los presupuestos de rendimiento y los hackatones para optimizar el rendimiento del tiempo de ejecución de su app de React.
Cómo Truebil convirtió a la Web en su canal de crecimiento
En este caso de éxito, se explica cómo el equipo de Truebil aumentó las conversiones y la participación mediante la optimización de la velocidad y confiabilidad de su aplicación web.
Cómo OpenSooq aumentó la participación al invertir en la Web
Descubre cómo el equipo de OpenSooq usó las prácticas recomendadas para crear una app web progresiva de mercado confiable y atractiva.
Cómo llevamos Google Earth a la Web
Mejoramos el acceso a Google Earth entre navegadores con WebAssembly
Llevamos service workers a la Búsqueda de Google
Si buscas casi cualquier tema en Google, verás una página de resultados significativos y relevantes. Lo que probablemente no hayas notado es que esta página de resultados de búsqueda puede estar proporcionada por una potente pieza de tecnología web llamada service worker.
Nikkei logra un nuevo nivel de calidad y rendimiento con su AWP de varias páginas
Con una historia editorial de más de 140 años, Nikkei es una de las empresas de medios de comunicación más confiables de Japón. Para brindar una mejor experiencia del usuario y acelerar sus negocios en la Web, Nikkei lanzó con éxito una app web progresiva en noviembre de 2017, y la nueva plataforma está obteniendo resultados increíbles.
George.com mejora la experiencia de los clientes que usan dispositivos móviles con la nueva aplicación web progresiva
George.com es una marca de ropa líder del Reino Unido, parte de ASDA Walmart. Después de actualizar su sitio a una app web progresiva (AWP), la marca obtuvo un aumento del 31% en las conversiones móviles. Con las expectativas de los consumidores en
La nueva app web progresiva de BookMyShow genera un aumento del 80% en las conversiones
BookMyShow es la empresa de venta de entradas más grande de la India, con 50 millones de visitantes mensuales. La empresa desarrolló una versión mejorada de su sitio web móvil con una app web progresiva (AWP) que optimizó la velocidad y eliminó las restricciones de datos, lo que generó un aumento del 80% en las conversiones.
Ele.me mejora el rendimiento de los tiempos de carga con una aplicación web progresiva de varias páginas
Ele.me es la empresa de pedidos y entrega de comida más grande de China continental. Desarrollaron su app web progresiva (AWP) como una app de varias páginas para mejorar su experiencia en la Web móvil, ya que la hicieron más rápida y confiable en conexiones inestables, a la vez que satisficieron sus necesidades operativas para atender mejor a sus clientes.
Dance Tonite en WebVR
Dance Tonite es una colaboración de RV en constante cambio con la banda LCD Soundsystem y sus fans. Incorporado en WebVR, el proyecto funciona en todas las plataformas, con y sin RV, lo que da a los usuarios un rol diferente en la experiencia dependiendo de su dispositivo. Las decisiones creativas y las técnicas de optimización avanzadas de los creadores de proyectos Jonathan Puckey, Moniker y el Data Arts Team de Google permitieron obtener un rendimiento de alta calidad (cerca de 60 FPS para 3DoF y 90 FPS para 6DoF) y una experiencia del usuario atractiva en todas las plataformas con una sola base de código.
La nueva AWP de MakeMyTrip.com triplicó sus porcentajes de conversiones
Después de lanzar una app web progresiva, el porcentaje de conversiones en la Web móvil de MakeMyTrip.com se triplicó y la velocidad de carga de su página mejoró un 38%.
Ola impulsa la movilidad de mil millones de indios con una app web progresiva
Ola es el principal agregador de taxis de la India, con una misión incansable de impulsar la movilidad para mil millones de personas del país. La empresa llega a más de 100 ciudades de la India con una red de unos 600,000 socios conductores. Como una
Lancôme reconstruye su sitio web móvil como una AWP y aumentó las conversiones en un 17%
Para generar tráfico y volver a generar participación, la marca de cosméticos de lujo Lancôme lanzó una app web progresiva (AWP) que ofrece una experiencia rápida similar a una app en la Web móvil
Infobae duplica con creces el tiempo de permanencia en el sitio móvil gracias a una app web progresiva
Infobae aprovechó el service worker para brindar un rendimiento confiable en redes poco confiables. Su AWP de primer nivel obtuvo una puntuación de rendimiento de 93/100 en Lighthouse, una herramienta automatizada que mide la calidad de las páginas web.
OLX aumenta la participación en la Web móvil en un 250% con una aplicación web progresiva
Para OLX, crear una aplicación web progresiva aumentó la participación en un 250% y redujo el tiempo de página a interactiva en un 23%.
0h h1
0h h1 es un juego divertido (y adictivo) que se siente muy bien en dispositivos móviles. Siempre me han encantado las infinitas posibilidades que ofrece la tecnología web, y me siento afortunada por haberla adoptado hace tantos años, porque en estos
Jumia obtiene un aumento del 33% en el porcentaje de conversiones y 12 veces más usuarios en una AWP
El tráfico hacia la AWP de Jumia eclipsó el de su aplicación nativa en más de 12 veces y sigue aumentando. Jumia también observó una disminución del 50% en su porcentaje de rebote
Mynet acelera su experiencia web móvil 4 veces y aumenta sus ingresos en un 25% con la AWP basada en AMP
Todos los meses, Mynet brinda a más de 34 millones de visitantes a su sitio servicios y contenido de noticias, videos, videojuegos, financieros, informativos y de entretenimiento. Después de lanzar una app web progresiva (AWP) que usa Accelerated
La AWP de Twitter Lite aumenta significativamente la participación y reduce el uso de datos
La app web progresiva de Twitter Lite combina lo mejor de la Web moderna y las funciones nativas para ofrecer una experiencia más sólida, con objetivos explícitos de carga instantánea, participación de los usuarios y menor consumo de datos.
App web progresiva en Voot
Voot.com lanza su app web progresiva de medios en India. Algunos días después de la implementación, el tiempo de sesión por usuario aumentó un 39% y las vistas diarias por usuario en un 15%. Voot es uno de los productos de video on demand más
Sigue a Papá Noel como AWP
Visita el sitio Sigue a Papá Noel se actualizó rápidamente a una aplicación web progresiva sin conexión para la temporada de festividades de 2016. gracias en parte al diseño actual de la escena. Sigue a Santa es una tradición festiva aquí en
Bear 71 y WebVR
Ver el documental WebVR es una API integrada en los navegadores que combina la renderización estéreo con el seguimiento de cabeza en tiempo real, lo que permite disfrutar de contenido de RV en línea de forma rápida y sencilla. Con WebVR, los
Cómo renderizar texto en WebVR
Dentro de Google, es una plataforma para narrar historias en realidad virtual que está disponible en todas partes, incluso en la Web. Gracias a WebVR, los espectadores pueden visitar un sitio web, hacer clic en un vínculo y ver inmediatamente las películas de Within, que incluye una pantalla de alta gama que se ve en la cabeza. Durante el proceso de desarrollo, el equipo descubrió que es difícil renderizar texto en este nuevo entorno y crearon un ejemplo con sombreadores para que fuera un proceso más fluido.
Interacciones principales en el lab de WebVR
Ver el lab Los diseñadores de sitios web están familiarizados con la idea del diseño responsivo, es decir, la creación de un sitio web para que funcione en diferentes dispositivos, como teléfonos celulares, tablets y computadoras, y diferentes
Matterport VR para WebVR
Visita el sitio Gracias a la compatibilidad con WebVR, Matterport facilita la exploración de lugares del mundo real en realidad virtual envolvente. Sin apps para descargar, WebVR reducirá los abandonos y permitirá que los socios retengan al usuario
Líneas fijas
Land Lines es un experimento que te permite explorar imágenes satelitales de Google Earth mediante gestos. Mediante una combinación de aprendizaje automático, algoritmos optimizados y potencia de tarjetas gráficas, el experimento puede ejecutarse de manera eficiente en el navegador web del teléfono sin necesidad de servidores de backend. Esta es una mirada a nuestro proceso de desarrollo y los diversos enfoques que probamos que nos llevaron al resultado final.
The Weather Channel
The Weather Company, una empresa de IBM, entrega un promedio de 40,000 millones de solicitudes de pronósticos por día, lo que ayuda a las personas a planificar su vida diaria y tomar mejores decisiones en función del clima.
Carnival Cruise Line
Carnival Cruise Line ofrece un servicio de comunicación personalizado y atractivo a sus clientes con notificaciones push. Descargar PDF del caso de éxito Carnival Cruise Line, una de las empresas de viajes de ocio más grandes del mundo, quería
Smart Lock para el guardián
Descargar PDF del caso de éxito Guardian News & Media (GNM) publica theguardian.com, uno de los sitios web de noticias de calidad de habla inglesa más grandes del mundo. Desde el lanzamiento de sus ediciones digitales para EE.UU. y Australia en
Smart Lock para AliExpress
Descargar PDF del caso de éxito AliExpress, lanzado en abril de 2010, es un mercado global de venta minorista dirigido a consumidores de todo el mundo. La plataforma permite a los consumidores de todo el mundo comprar directamente a mayoristas y
Housing.com aumenta las conversiones y reduce el porcentaje de rebote en un 40% con la nueva AWP
Descargar PDF del caso de éxito Housing.com es una de las startups más importantes de la India. Está bien encaminada para recibir 50 millones de visitas este año, y se convirtió en una de las plataformas de bienes raíces en línea líderes en la India.
Medición del impacto en el rendimiento real de los trabajadores de servicios
Medición del impacto en el rendimiento real de los trabajadores de servicios
The Washington Post
AMP ayuda a The Washington Post a aumentar en un 23% la cantidad de usuarios recurrentes de la búsqueda móvil Descargar PDF del caso de éxito Como casi el 55% de su tráfico proviene de dispositivos móviles, The Washington Post sabe que proporcionar
Cómo compilar la Progressive Web App de Google I/O 2016
Cómo compilar la AWP de Google I/O 2016 con componentes web
eXtra Electronics
United eXtra Electronics aumenta las ventas de comercio electrónico en un 100% con las notificaciones push web Descargar PDF del caso de éxito eXtra es el minorista líder y de más rápido crecimiento de electrodomésticos y productos electrónicos de
Distrito de Jumia
Las notificaciones push ayudan a Jumia a revertir el abandono del carrito y a aumentar las conversiones en 9 veces. Descargar PDF del caso de éxito Jumia es un sitio web líder de comercio electrónico en África. La mayoría de sus clientes usa
BaBe
La app web progresiva para varios navegadores de BaBe compite con el rendimiento de la aplicación nativa. Descargar PDF del caso de éxito BaBe, que se lanzó en 2013, es la app de agregador de noticias más grande de Indonesia. Más de un millón de
Konga
Konga reduce el uso de datos en un 92% con la nueva app web progresiva Descargar PDF del caso de éxito Konga, que se lanzó en 2012, es un sitio web líder de comercio electrónico en Nigeria que vende de todo, desde libros hasta refrigeradores y
8 millas
5miles disminuye el porcentaje de rebote en un 50% y aumenta las conversiones en un 60% con la nueva app web progresiva Descargar PDF del caso de éxito "Vende lo que tienes y compra lo que quieras" es el lema de 8 millas, un mercado móvil donde los
Suumo
El principal sitio de bienes raíces de Japón potencia las fichas nuevas con las notificaciones push web y observa una tasa de lectura de notificaciones del 31%. Descargar PDF del caso de éxito SUUMO es el sitio de bienes raíces más importante de
Sesiones virtuales de arte
Se invitó a seis artistas a pintar, diseñar y esculpir en RV.
Net-A-Portter
Net-A-Porter ahorra tiempo de desarrollo con la biblioteca Polymer de Google NET-A-PORTER implementó un diseño basado en componentes en sus propiedades en línea mediante la biblioteca Polymer de Google. El resultado fue un gran ahorro en tiempo de
Flipkart triplica el tiempo en el sitio con una app web progresiva
En 2015, Flipkart, el sitio de comercio electrónico más grande de la India, adoptó una estrategia de apps únicamente y cerró temporalmente su sitio web móvil. Para la empresa, era cada vez más difícil brindar una experiencia del usuario que fuera tan rápida y atractiva como la de su app para dispositivos móviles, pero, luego, Flipkart decidió repensar su enfoque de desarrollo. Se sintieron atraídos por la web móvil por la introducción de funciones que la hacían funcionar al instante, funcionar sin conexión y volver a atraer a los usuarios.
Cómo crear un sable de luz con polímero
Cómo configurar un proyecto de WebGL con altos FPS en Polymer
Google+
Alcanzamos nuestro objetivo de no descargar nunca más de 60,000 de HTML, 60,000 de JavaScript y 60,000 de CSS al mismo tiempo.
Más allá del estante
Beyond the Rack vuelve a atraer a los usuarios en la Web móvil, lo que aumenta los ingresos por visita en un 26% con las notificaciones push.
AirHorner.com
AirHorner es una app web progresiva simple, pero potente que muestra el poder de los Service Workers y la API de Web Audio para brindarte tu propia bocina. Úsala para molestar a tus amigos o compañeros de trabajo, sin importar si estás en línea, sin conexión o en una red 2G débil
Service Workers en producción
Descubre cómo usamos las bibliotecas de service worker para que la app web de Google I/O 2015 fuera rápida y priorizara la conexión sin conexión. El equipo de Relaciones con Desarrolladores de Google escribió la app web de Google I/O 2015 de este
Madeon Adventure Machine
Madeon Adventure Machine es una ingeniosa promoción del nuevo álbum de Madeon, una batería de ritmos divertida. La Máquina de aventura es una app muy simple, pero hace su trabajo bastante bien. Con Web Audio y, opcionalmente, Web Midi (sí, puedes
Biblioteca Colibrí
Hummingbird Library: Un frontend nuevo y refrescante para Hummingbird, un popular sitio de descubrimiento y seguimiento de relojes de anime. Los fans del anime (como yo, el recuento de vistas en la captura de pantalla es real) están obsesionados con
Adsy.me
Adsy.me es una forma súper rápida y sencilla de crear micrositios para dispositivos móviles. Adsy.me es una herramienta que permite a cualquier persona crear un sitio web móvil (micro) y, de inmediato, se ganó mi confianza al comer su propia prueba
Pequeña alquimia
Little Alchem: Es un juego de combinación divertido y optimizado para dispositivos móviles inspirado en la Alquimia, su hermano mayor. Little Alchemy es un excelente ejemplo de cómo aprovechar al máximo las funciones más recientes de la plataforma
Lector de noticias sobre hackers
Hacker News Reader: Un increíble lector optimizado para Hacker News. Esta app, que es una experiencia de lectura atractiva y altamente optimizada para Hacker News, funciona bien y se ve muy bien en dispositivos móviles, tablets y computadoras de
Chrome Dev Summit 2014
El sitio web de Chrome Dev Summit 2014 fue creado internamente por nuestro propio Paul Lewis, el sitio web de CDS mostró cómo crear una gran experiencia web móvil para los visitantes de la conferencia.
Pixmas alegres
Feliz Navidad: Diversión navideña con transformaciones CSS en 3D. Una demostración agradable con temática navideña que funciona bien en computadoras y dispositivos móviles. Incluso incluye compatibilidad con colores de tema totalmente nueva y un
Filtro web
Filtros web: Filtros de cámara rápidos, rápidos y sucios Una app de cámara basada en la Web que te permite aplicar filtros en tiempo real Guarda automáticamente la imagen en tu dispositivo local, lo que significa que, por lo general, se sincroniza
SVGOMG
SVGOMG: Un frontend atractivo, responsivo y de Material para SVGO. Creado por nuestro propio Jake Archibald, SVGOMG es un ejemplo casi perfecto de una herramienta completamente responsiva y capaz escrita con tecnologías web. Tiene un hermoso aspecto
La experiencia El Hobbit 2014
Cómo agregar la jugabilidad de WebRTC a la experiencia de Hobbit A tiempo para la nueva película de Hobbit, “El Hobbit: La batalla de los cinco ejércitos”, trabajamos en la extensión del experimento de Chrome del año pasado, Un viaje por la Tierra
Crea con Chrome
Llevando los ladrillos LEGO® a la Web multidispositivo Build with Chrome, un experimento divertido para usuarios de Chrome para computadoras de escritorio que se lanzó originalmente en Australia, se volvió a lanzar en 2014 con disponibilidad global,
El front-end de la Tierra Media
Explicación del desarrollo multidispositivo En nuestro primer artículo sobre el desarrollo del experimento de Chrome Un viaje por la Tierra Media, nos enfocamos en el desarrollo de WebGL para dispositivos móviles. En este artículo, analizamos los
El Hobbit
Cómo dar vida a la Tierra Media con WebGL para dispositivos móviles Históricamente, llevar experiencias interactivas, basadas en la Web y con mucho contenido multimedia a los dispositivos móviles y las tablets ha sido un desafío. Las principales
Caso de éxito: Building Racer
Racer es un experimento de Chrome para dispositivos móviles basado en la Web desarrollado por Active Theory. Hasta 5 amigos pueden conectar sus teléfonos o tablets para competir en todas las pantallas. Con el concepto, el diseño y el prototipo de
Caso de éxito: The Sounds of Racer
Racer es un experimento de Chrome multidispositivo y multijugador. Un juego de autos tragamonedas de estilo retro que se juega en diferentes pantallas. En teléfonos o tablets, Android o iOS. Cualquier persona puede unirse. No hay aplicaciones. No hay
Caso de éxito: Inside World Wide Maze
World Wide Maze es un juego en el que usas tu smartphone para navegar con una bola rodante por laberintos en 3D creados a partir de sitios web para tratar de llegar a los puntos de destino. El juego usa muchas funciones de HTML5. Por ejemplo, el
Creando Roll It
Roll It es un Experimento de Chrome que reinventa un juego clásico de paseo marítimo con solo el navegador en tu teléfono y computadora. El navegador de tu teléfono te permite apuntar y hacer rodar la bola con un movimiento de muñeca, mientras que el
Diseño web de nueva generación: bosque gigante de National Geographic
El uso de las herramientas del CSS y el diseño del navegador puede permitir visualizaciones impresionantes para el contenido web. El uso de funciones web, como filtros CSS, WebGL, video HTML5, SVG, lienzo y tecnologías futuras en evolución, como
Caso de éxito: Experimento de Google I/O 2013
Para despertar el interés de los desarrolladores en el sitio web de Google I/O 2013 antes de que se inscribiera en la conferencia, desarrollamos una serie de experimentos y juegos centrados en los dispositivos móviles, centrados en las interacciones
Caso de éxito: Ajuste automático del tamaño de los juegos HTML5
En el verano de 2010, creamos Sand Trap, un juego que presentamos en una competencia de juegos HTML5 para teléfonos celulares. Sin embargo, la mayoría de los teléfonos celulares solo mostraban una parte del juego o lo hacían demasiado pequeño, por lo
Caso de éxito: Find Your Way to Oz
“Find Your Way to Oz” es un nuevo Experimento de Google Chrome que Disney llevó a la Web. Te permite realizar un viaje interactivo a través de un circo de Kansas, que te lleva a la tierra de Oz después de que te arrastra una gran tormenta. Nuestro
Caso de éxito: JAM con Chrome
Cómo logramos que la IU fuera genial JAM with Chrome es un proyecto musical basado en la Web creado por Google. JAM con Chrome permite que personas de todo el mundo formen una banda y JAM en tiempo real dentro del navegador. DinahMoe llevó al límite
Fabricación de 100,000 estrellas
¡Hola! Me llamo Michael Chang y trabajo con el equipo de Artes de Datos de Google. Recientemente, completamos 100,000 estrellas, un experimento de Chrome que visualiza estrellas cercanas. El proyecto se compiló con THREE.js y CSS3D. En este caso de
Caso de éxito: JAM con Chrome
Cómo logramos que el audio fuera excelente JAM with Chrome es un proyecto musical basado en la Web creado por Google. JAM con Chrome permite que personas de todo el mundo formen una banda y toquen en tiempo real dentro del navegador. En DinahMoe,
Movi Kanti Revo, Parte 1: Crea el mundo en 3D
Movi.Kanti.Revo es un nuevo experimento sensorial de Chrome creado por Cirque du Soleil y desarrollado por Subatomic Systems que lleva la maravilla del Cirque du Soleil a la Web a través de tecnologías web modernas. El experimento se creó solo con
Caso de éxito: SONAR, desarrollo de juegos HTML5
El verano pasado, trabajé como líder técnico en un juego comercial de WebGL llamado SONAR. El proyecto tardó alrededor de tres meses en completarse y se hizo completamente desde cero en JavaScript. Durante el desarrollo de SONAR, tuvimos que
Caso de éxito - Creación de Technitone.com
Technitone.com es una fusión de WebGL, Canvas, Web Sockets, CSS3, JavaScript, Flash y la nueva API de Web Audio en Chrome. En este artículo, se abordarán todos los aspectos de la producción: el plan, el servidor, los sonidos, las imágenes y algunos
Caso de éxito: Bouncy Mouse
Después de publicar Bouncy Mouse en iOS y Android a fines del año pasado, aprendí algunas lecciones muy importantes. Entre ellos, la clave era que es difícil ingresar a un mercado establecido. En el mercado completamente saturado de iPhone, fue muy
Caso de éxito: MathBoard de HTML5
MathBoard en iPad, una aplicación de PalaSoftware, es una aplicación muy pulida con muchas animaciones sutiles pero naturales y una apariencia realista única. El objetivo era hacer el puerto de mayor fidelidad de la aplicación para iPad a HTML5.
Caso de éxito: Creación del doodle Stanisław Lem de Google
La página de inicio de Google es un entorno fascinante para programar. Además, incluye muchas restricciones desafiantes: un enfoque particular en la velocidad y la latencia, tener que brindar servicios a todo tipo de navegadores y trabajar en varias
Caso de éxito: Actualizaciones en tiempo real en Stream Congress
A través de WebSockets y EventSource, HTML5 permite a los desarrolladores compilar apps web que se comunican en tiempo real con un servidor. Stream Congress (disponible en Chrome Web Store ) proporciona actualizaciones en vivo sobre el funcionamiento
Caso de éxito: Conversión de Wordico de Flash a HTML5
Cuando convertimos nuestro juego de crucigramas Wordico de Flash a HTML5, nuestra primera tarea fue olvidar todo lo que sabíamos sobre la creación de una experiencia del usuario enriquecida en el navegador. Mientras que Flash ofrecía una API única y
Caso de éxito: Onslaught! Estadio
En junio de 2010, descubrimos que la publicación local Boing Boing estaba organizando una competencia de desarrollo de juegos. Vimos esto como una excusa perfecta para hacer un juego rápido y sencillo en JavaScript y <canvas>, así que nos
Caso de éxito: Efecto de cambio de página de 20thingsilearned.com
En 2010, F-i.com y el equipo de Google Chrome colaboraron en una app web educativa basada en HTML5 llamada 20 Things I Learned about Browsers and the Web ( www.20thingsilearned.com ). Una de las ideas clave detrás de este proyecto fue que sería mejor
Caso de éxito: Cómo trabajar con HTML5 Canvas
La primavera pasada (2010), me interesó la compatibilidad con HTML5 y las tecnologías relacionadas que aumentaba rápidamente. En ese momento, un amigo y yo nos retábamos en competencias de desarrollo de juegos de dos semanas para perfeccionar
Caso de éxito: HTML5 in deviantART muro
El 7 de agosto de 2010, deviantART celebró su 10o aniversario. Para celebrar nuestro cumpleaños, lanzamos una herramienta de dibujo en HTML5 llamada deviantART muro. La herramienta se puede usar como una aplicación web independiente y como una
Caso de éxito: Descarga con arrastrar y soltar en Chrome
El arrastrar y soltar (DnD) es una de las muchas funciones excelentes de HTML 5 y es compatible con Firefox 3.5, Safari, Chrome y IE. Recientemente, Google lanzó una nueva función que permite a los usuarios de Google Chrome arrastrar y soltar
How Ray-Ban doubled conversion rate and reduced exit rate by 13% through prerendering using the Speculation Rules API
Learn how Ray-Ban improved LCP by using the Speculation Rules API, and how it improved Ray-Ban's ecommerce platform's business performance.
How QuintoAndar reduced INP by 80%, increasing conversions by 36%
QuintoAndar significantly improved its web performance by reducing its Interaction to Next Paint (INP) by 80%, leading to a 36% increase in conversions year-over-year.
How YouTube improved video performance with the Media Capabilities API
Using the Media Capabilities API lets you better target video codecs, frame rates, and resolutions based on the capabilities of your users' devices.
Forbes
Forbes is re-defining modern web development with Progressive Web App technology.
Wego
There's a new way to deliver amazing user experiences on the web. Travel company Wego has built a successful AMP based Progressive Web App (PWA).
Alibaba
Alibaba.com is the world’s largest online business-to-business (B2B) trading platform, serving 200+ countries and regions. After upgrading their site to a Progressive Web App (PWA), they saw a 76 percent increase in total conversions across browsers.
AliExpress
AliExpress increases conversion rate for new users by 104% with new Progressive Web App Download PDF Case study "Smarter shopping, better living!" is the motto of AliExpress, a website where shoppers can buy everything from baby clothes to