Coppel.com se quitó cinco segundos con PWA y ahora vende más
miércoles, 27 de mayo de 2020
La empresa de retail mexicana le dio la oportunidad a Progressive Web Apps y Firebase para solucionar un cuello de botella en sus canales de venta móviles. Hoy tiene un sitio web móvil que le ayuda a vender mucho más y a tener clientes más fieles.
Era un problema difícil. Por una parte, Coppel, una veterana cadena de retail con más de 70 años y 1.500 tiendas en todo México, tiene unas buenas apps nativas para móviles. Pero muchos de sus clientes, que vienen de sectores populares mexicanos, no pueden acceder a ellos.
“Los teléfonos que ellos usan no tienen un buen desempeño con las apps nativas”, cuenta Mauricio Angulo, UX Manager de Coppel. “Entonces, casi toda la interacción que ellos tienen es a través de la versión móvil del sitio web, la cual tampoco tenía un gran desempeño, especialmente en teléfonos viejos o muy limitados”.
Es una situación común en toda Latinoamérica. “Los anchos de banda en los dispositivos son un obstáculo, especialmente en nuestro país, por las condiciones de tecnología y de adopción que tenemos”. La única alternativa era hacer el sitio web mucho más rápido.
En cuestión de cuatro semanas, un equipo de desarrolladores liderado por Javier Martínez y Jazmín Silvas del equipo de diseño de experiencia de usuario le dio la vuelta a la situación. “El equipo de WebDev asistió a un hackathon de Google en Ciudad de México y se regresaron muy entusiasmados para hacer este proyecto. Con ellos a bordo, todo fue más rápido. De hecho lo hicimos encima de todo el trabajo que teníamos pendiente”.
La tecnología que implementaron fue
Progresive Web Apps
(PWA), un estándar que permite crear aplicaciones móviles ricas con muchas funcionalidades, pero basadas en la web. El backend lo construyeron con
la plataforma Firebase
. La motivación del equipo y la experiencia de Angulo como mentor y experto del programa Google For Startups Accelerator fueron cruciales para llevar el proyecto a buen término.
El resultado fue increíble: “los usuarios que utilizan PWA pasan el doble de tiempo en el sitio, y compran el doble”. Por cada segundo que se reducía el tiempo de carga de la web app, las ventas aumentaron un 8 por ciento. Lograron hacer que el sitio fuera cinco segundos más rápido, con lo que prácticamente duplicaron las ventas en el segmento de usuarios del sitio móvil. “Sin duda brindar un buen performance a nuestros usuarios sin importar el tipo de conexión o dispositivo representa una buena experiencia”, dice Javier Martínez, Performance Engineer de Coppel.
Además, no tuvieron que invertir en infraestructura adicional, ni contratar personas nuevas para el equipo. “Si acaso tuvimos que hacer algunas adaptaciones al código de front end de la página”, dice Angulo. “De verdad fue un proceso muy ágil”.
Coppel temía que “la web app compitiera con las apps nativas”. Pero lo que sucedió fue justo lo contrario: “Los usuarios que utilizaban PWA también empezaron a adoptar las apps nativas. Empezaron a invertir más en teléfonos, porque ya le encontraban más valor, le encontraban sentido a la aplicación nativa”. “Coppel ha optado por tecnologías como PWA y
AMP
como hábito para desarrollar pensando en performance, además de herramientas como
Performance Budget
, que nos ayudan a tener un sitio óptimo”, dice Martínez.
Gracias a su web app, Coppel logró ofrecer un producto que se adapta al contexto de sus usuarios. “PWA tiene todo lo bueno de la web, sin los problemas de la app. Es lo mejor de ambos mundos, tienes la flexibilidad de la web sin los problemas de estar actualizando la aplicación que ocupa más espacio en la memoria de su teléfono”.
web.dev LIVE: un evento digital durante tres días y en tres zonas horarias
miércoles, 27 de mayo de 2020
La semana pasada, mi calendario me indicaba constantemente que muchos de nosotros nos reuniríamos en Google I/O, ¡y me entristeció que no podamos estar juntos en persona en este momento! Nos impresiona muchísimo el papel que los desarrolladores web han desempeñado en estos tiempos difíciles, ya que se enfocan en lo importante, se aseguran de que la información crítica está disponible, que el comercio puede realizarse en línea, y que podemos trabajar y educar desde casa. Felicitaciones a todos ustedes.
Queremos ayudarlos.
Por lo tanto, estamos planeando un evento digital de tres días: web.dev LIVE, en el que los desarrolladores web podrán reunirse, desde la comodidad de sus casas para escuchar las últimas y más útiles actualizaciones de la plataforma, aprender técnicas modernas de la Web y conectarse con otros desarrolladores, incluidos aquellos que están impulsando la comunidad y han estado en la primera línea realizando trabajos relacionados con el COVID.
El evento tendrá lugar del
30 de junio al 2 de julio
e incluirá secuencias cortas de contenido de tres horas (en inglés) presentadas en
web.dev/live
.
Llegaremos hasta donde estés. En tu zona horaria.
Planificar un evento completamente digital ha sido un reto interesante. Si bien no podemos reunir a todos físicamente, sí podemos llevar contenido de calidad hasta tu sofá, cocina o hamaca en el patio trasero. Un evento digital también nos da la oportunidad de romper con las limitaciones físicas. Ya no estamos limitados por el espacio respecto de la cantidad de invitados, y cualquiera, literalmente en cualquier parte del mundo, puede "unirse" con solo hacer clic en un botón (y nosotros, como parte de la comunidad web, deberíamos estar orgullosos de hacer que eso suceda. ¡Todos los días!)
Para que este sea un evento regionalmente inclusivo, "viajaremos" a tres zonas horarias diferentes para poder responder a sus preguntas en tiempo real, durante sus horas activas. Cada día tendrá contenido único, así que puedes unirte a nosotros los tres días o a ver el contenido on demand más tarde, pero los desarrolladores de cualquier zona horaria tendrán al equipo respondiendo de forma activa a las preguntas al menos una vez durante el evento.
¿Cuándo será el evento en vivo cada día?
30 de junio, de 9 a.m. a 12 p.m. (hora del Pacífico) (pensado para desarrolladores del continente americano)
1 de julio, de 1 p.m. a 4 p.m. (hora de Greenwich) (pensado para desarrolladores de Europa y África)
2 de julio, de 1 p.m. a 4 p.m. (hora de India) (pensado para desarrolladores de Asia y Australia)
Tenemos muchísimo contenido divertido e interesante para ti, así que visita
web.dev/live
y
regístrate
para recibir notificaciones sobre el evento.
Publicado por Dion Almaer, gerente de karaoke del equipo de Ecosistema web.
Emulador de Cloud Spanner
viernes, 15 de mayo de 2020
Clientes de distintas industrias y verticales han adoptado satisfactoriamente
Cloud Spanner
desde su lanzamiento en 2017. Con este crecimiento, hemos construido una gran comunidad de desarrolladores de aplicaciones que utilizan Cloud Spanner. A fin de hacer que el servicio sea más accesible y abierto a la comunidad de desarrolladores en general, presentamos un emulador para Cloud Spanner que no requiere conexión a Internet. El objetivo del emulador de Cloud Spanner es reducir los costos del desarrollo de aplicaciones y mejorar la productividad de los desarrolladores para los clientes.
El emulador de Cloud Spanner proporciona a los desarrolladores de aplicaciones un conjunto completo de API, incluida una amplia variedad de funciones de SQL y DDL que podrían ejecutarse localmente para los procesos de prototipado, desarrollo y pruebas. Este emulador de código abierto proporcionará a los desarrolladores de aplicaciones la transparencia y la agilidad necesarias a fin de personalizar la herramienta para el uso de sus aplicaciones.
En esta entrada de blog, se presentará el emulador de Cloud Spanner y se describirá el proceso de instalación y uso con la CLI y las bibliotecas cliente actuales de Cloud Spanner.
¿Qué es el emulador de Cloud Spanner?
Es una herramienta que proporciona un emulador local, dentro de la memoria y de alta fidelidad del servicio Cloud Spanner. Puedes utilizar el emulador para prototipar, desarrollar y probar herméticamente tu aplicación de forma local y en entornos de prueba de integración.
Debido a que el emulador almacena datos en la memoria, estos no persistirán tras las ejecuciones. El emulador está pensado para ayudarte a utilizar Cloud Spanner durante los procesos de desarrollo y pruebas locales (no para implementaciones de producción). Sin embargo, una vez que tu aplicación funcione con el emulador, podrás proceder a la prueba de extremo a extremo simplemente cambiando la configuración del extremo de Cloud Spanner.
Funciones admitidas
El emulador de Cloud Spanner expone el conjunto completo de API de Cloud Spanner, lo que incluye instancias, bases de datos, SQL, DML, DDL, sesiones y semántica de transacciones. La compatibilidad con consultas de metadatos del esquema de una base de datos está disponible en
Information Schema
. Se admiten las API de
gRPC
y
REST
, y pueden usarse con las
bibliotecas cliente
y el
controlador OSS JDBC
actuales, así como con el
SDK de Cloud
. El emulador tiene compatibilidad nativa en Linux y requiere
Docker
en plataformas macOS y Windows. A fin de facilitar los procesos de desarrollo y prueba de una aplicación, se pueden configurar IDE como IntelliJ y Eclipse para establecer una comunicación directa con el extremo del emulador de Cloud Spanner.
Como el emulador no está compilado para la escala de producción y rendimiento, no debe utilizarse para pruebas de carga o tráfico de producción. Los desarrolladores de aplicaciones pueden utilizar el emulador para el desarrollo iterativo y para implementar y ejecutar pruebas de unidad e integración.
En el archivo
README
del emulador, se ofrece una lista detallada de las funciones y limitaciones. Actualmente (en abril de 2020), el emulador se encuentra en versión Beta y el plan es mejorarlo continuamente para lograr una paridad entre funciones y API con el servicio Cloud Spanner.
Cómo usar el emulador de Cloud Spanner
Esta sección describe el uso de la CLI y las bibliotecas cliente actuales de Cloud Spanner para interactuar con el emulador.
Antes de comenzar
Instala el
SDK de Cloud
.
Configura
las credenciales de gcloud
.
Cómo iniciar el emulador localmente
Se puede iniciar el emulador usando Docker o la CLI del SDK de Cloud en Linux, macOS y Windows. En cualquier caso, macOS y Windows requieren
que se instale Docker
.
Docker
$ docker pull gcr.io/cloud-spanner-emulator/emulator
$ docker run -p
9010:9010
-p
9020:9020
gcr.io/cloud-spanner-emulator/emulator
Nota
: El primer puerto
es
el de gRPC
y
el segundo
es
el de REST.
CLI del SDK de Cloud
$ gcloud components update beta
$ gcloud beta emulators spanner start
Aquí
encontrarás otras alternativas para iniciar el emulador, incluidos los objetos binarios precompilados de linux.
Configura el proyecto y la instancia de Cloud Spanner
Configura el extremo y el proyecto de Cloud Spanner, e inhabilita la autenticación:
$ gcloud config configurations create emulator
$ gcloud config
set
auth/disable_credentials
true
$ gcloud config
set
project test-project
$ gcloud config
set
api_endpoint_overrides/spanner
http://localhost:9020/
Nota:
Para revertir la configuración predeterminada:
`$ gcloud config configurations activate default`
Para revertir la configuración del emulador:
`$ gcloud config configurations activate emulator`
Verifica que gCloud funcione con el emulador de Cloud Spanner.
$ gcloud spanner instance-configs list
NAME DISPLAY_NAME
emulator-config
Emulator Instance Config
Crea una instancia de Cloud Spanner
$ gcloud spanner instances create test-instance --config=emulator-config --description=
"Test Instance"
--nodes=
1
Cómo usar las bibliotecas cliente de Cloud Spanner
Con el lanzamiento Beta, las últimas versiones de las bibliotecas cliente de Java, Go y C++ para Cloud Spanner son compatibles con el emulador. Usa la
Guía de introducción
para probar el emulador.
Requisito previo:
Configura el proyecto y la instancia de Cloud Spanner desde el paso anterior.
Este es un ejemplo de cómo se ejecuta la biblioteca cliente de Java con el emulador:
# Configure emulator endpoint
$
export
SPANNER_EMULATOR_HOST=
"localhost:9010"
# Cloning java sample of client library.
$ git clone https://github.com/GoogleCloudPlatform/java-docs-samples && cd java-docs-samples/spanner/cloud-client
$ mvn
package
# Create database
$ java -jar target/spanner-google-cloud-samples-jar-
with
-dependencies.jar \
createdatabase test-instance example-db
# Write
$ java -jar target/spanner-google-cloud-samples-jar-
with
-dependencies.jar \
write test-instance example-db
# Query
$ java -jar target/spanner-google-cloud-samples-jar-
with
-dependencies.jar \
query test-instance example-db
Sigue el resto del ejemplo de la biblioteca cliente de Java usando la
Guía de introducción
.
Cómo usar la CLI del SDK de Cloud
Requisito previo:
Configura el proyecto y la instancia de Cloud Spanner desde el paso anterior.
Configura el extremo del emulador
$ gcloud config configurations activate emulator
Crea una base de datos
$ gcloud spanner databases create test-database --instance test-instance --ddl
"CREATE TABLE TestTable (Key INT64, Value STRING(MAX)) PRIMARY KEY (Key)"
Escribe en la base de datos
$ gcloud spanner rows insert --table=
TestTable
--database=test-database --instance=test-instance --data=
Key
=
1
,
Value=TestValue1
Lee desde la base de datos
$ gcloud spanner databases execute-sql test-database --instance test-instance --sql
"select * from TestTable"
Cómo usar la herramienta de línea de comandos de código abierto spanner-cli
Requisito previo:
Configura la base de datos, la instancia y el proyecto de Cloud Spanner desde el paso anterior.
Sigue los ejemplos para ver una ventana de terminal interactiva en la base de datos de Cloud Spanner con
spanner-cli
.
# Configure emulator endpoint
$
export
SPANNER_EMULATOR_HOST="
localhost:9010
"
$ go get github.com/cloudspannerecosystem/spanner-cli
$ go run github.com/cloudspannerecosystem/spanner-cli -p test-project -i test-instance -d test-database
spanner> INSERT INTO
TestTable
(
Key, Value
) VALUES (
2
,
"TestValue2
"), (
3
,
"TestValue3"
);
Query
OK, 2 rows affected
spanner> SELECT * FROM
TestTable
ORDER BY
Key
ASC;
+-----+----------------+
|
Key
|
Value
|
+-----+----------------+
|
2
|
TestValue2
|
|
3
|
TestValue3
|
+-----+----------------+
2
rows
in set
spanner>
exit
;
Conclusión
El emulador de Cloud Spanner reduce el costo del desarrollo de aplicaciones y mejora la productividad de los desarrolladores para los clientes de Cloud Spanner. Tenemos pensado continuar creando y agregando funciones que soliciten los clientes, y puedes seguir el
emulador de Cloud Spanner
en GitHub para ver más novedades.
Por Sneha Shah, Google Open Source
Android 11: planes para la versión Beta
jueves, 14 de mayo de 2020
Publicado por Dave Burke, vicepresidente de Ingeniería
Cuando comenzamos a planificar Android 11, jamás imaginamos los cambios que nos afectarían a cada uno de nosotros en casi todos los rincones del mundo. Estos cambios nos desafiaron a mantener la flexibilidad y buscar alternativas de trabajo en conjunto, especialmente con la comunidad de desarrolladores.
Teniendo en cuenta esto, decidimos cambiar las fechas de lanzamiento. Hoy comenzará a estar disponible la cuarta vista previa para desarrolladores, y el lanzamiento de la versión Beta 1 se postergará hasta el 3 de junio. A fin de contarte todo al respecto y ofrecerte los recursos técnicos que necesitas, realizaremos un evento en línea para desarrolladores llamado
#Android11: the Beta Launch Show
.
Acompáñanos en #Android11: The Beta Launch Show
Dado que la situación actual nos impide reunirnos en persona en el Shoreline Amphitheatre para Google I/O (nuestra conferencia anual para desarrolladores), decidimos organizar un evento en línea en el que podamos compartir contigo las novedades destacadas de Android. Esperamos verte en
#Android11: The Beta Launch Show
, una oportunidad para descubrir las novedades de Android de la mano de las personas que lo crearon. Comenzaremos el
3 de junio a las 11 a. m.
y yo mismo estaré a cargo del evento. Al final, tendrás la posibilidad de tuitear tus preguntas con el hashtag #AskAndroid y las responderemos en directo.
Más tarde el mismo día, compartiremos una serie de charlas que teníamos previsto realizar en Google I/O, con temas que abarcan desde Jetpack Compose hasta Android Studio y Google Play. El objetivo es que puedas aprovechar las características más recientes de Android para desarrolladores. Puedes inscribirte para estar al corriente de este evento digital en
developer.android.com/android11
.
Novedades sobre las fechas de Android 11
Nuestro sector no se detiene y sabemos que muchos de nuestros socios fabricantes de dispositivos confían en que los ayudaremos a implementar Android 11 en sus dispositivos nuevos más adelante este año. También sabemos que muchos de ustedes se esforzaron por dar prioridad a las pruebas anticipadas de Android 11 en apps y juegos para lograr el mayor nivel de estabilidad de nuestra plataforma y alcanzar otros hitos. Al mismo tiempo, todos estamos trabajando de manera remota y priorizando el bienestar de familiares, amigos y colegas.
Para poder cumplir las necesidades del ecosistema sin afectar negativamente a desarrolladores ni socios, decidimos extender un poco las fechas de lanzamiento de Android 11. Postergaremos aproximadamente un mes los hitos de la versión Beta 1 y de todas las posteriores para contar con un poco más de tiempo, pero sin poner en riesgo el lanzamiento final en el tercer trimestre.
Estos son algunos cambios clave del cronograma:
Lanzaremos hoy mismo la
cuarta vista previa para desarrolladores
a fin de realizar pruebas y recibir comentarios.
El lanzamiento de la versión
Beta 1
se postergará hasta el 3 de junio. Incluiremos las API de SDK y NDK en esta versión y habilitaremos las publicaciones de Google Play para las apps de Android 11.
La versión
Beta 2
se lanzará en julio. Con esta versión, lograremos la estabilidad de la plataforma.
La versión
Beta 3
se lanzará en agosto e incluirá las compilaciones definitivas para realizar las pruebas finales.
Decidimos cambiar todas las fechas salvo las de las API finales porque queremos que tengas un mes más para compilar y ejecutar pruebas con dichas API, y que tengas el mismo tiempo entre la versión estable de la plataforma y la versión final, que se lanzará en el tercer trimestre. El nuevo cronograma es el siguiente:
Puedes obtener más información sobre el cambio de fechas y qué implica para los desarrolladores de apps en la
descripción general sobre el programa de vista previa
.
Compatibilidad con apps
Las nuevas fechas te dan más tiempo para probar la compatibilidad de tu app e identificar las mejoras necesarias. Te recomendamos que publiques una actualización de tu app compatible con Android 11 Beta el 3 de junio para obtener comentarios del gran grupo de usuarios Beta de Android que tendrá acceso a la actualización.
En la versión Beta 1, las API de SDK y NDK serán finales, y lo mismo ocurrirá con los comportamientos del sistema y las listas grises ajenas al SDK una vez que alcancemos la estabilidad de la plataforma. En ese momento, planifica las pruebas finales de compatibilidad y el lanzamiento de tu app, tu SDK o tu biblioteca completamente compatibles tan pronto como sea posible a fin de que estén listos para el lanzamiento definitivo de Android 11. Obtén más información al respecto en el
cronograma para desarrolladores
.
Puedes iniciar la prueba de compatibilidad ahora mismo en un
dispositivo Pixel 2, 3, 3a o 4
, o bien usar Android Emulator. Solo tienes que instalar la compilación más reciente, instalar tu app de producción actual y probar los flujos de usuarios. Asegúrate de revisar los
cambios de comportamiento
para ver las áreas en las que podría verse afectada tu app. No es necesario cambiar la versión de targetSdkVersion de la app en este momento, aunque recomendamos evaluar el trabajo, ya que muchos cambios se aplican una vez que la app está orientada al nuevo nivel de API.
Comienza a familiarizarte con Android 11
Hoy lanzaremos la cuarta vista previa para desarrolladores con
las correcciones de errores, los cambios en las API y las funciones más recientes para que las pruebes
. Puedes
descargarla e instalarla manualmente
en dispositivos Pixel 2, 3, 3a o 4. Si ya estás ejecutando una compilación de vista previa para desarrolladores, recibirás una actualización inalámbrica (OTA) de la versión de hoy.
Para conocer todos los detalles sobre Android 11,
visita el sitio para desarrolladores de Android 11
y no olvides
darnos tu opinión
.
Google Developers lanza Café con Paco, una serie de charlas para seguir en contacto
martes, 12 de mayo de 2020
Café con Paco es una nueva iniciativa para seguir apoyando a los desarrolladores y emprendedores en medio de la crisis por la COVID-19.
Los tiempos de crisis también son tiempos de oportunidad. Y Google Developers quiere seguir apoyando a los desarrolladores y emprendedores de Hispanoamérica para que sigan cumpliendo sus objetivos y llevando oportunidades de clase mundial a toda la región. Por eso, en medio de la coyuntura generada por la pandemia de la COVID-19, adelantaremos varias iniciativas para seguir llevándote lo mejor del contenido, el conocimiento y las oportunidades que Google y su red de mentores tienen para tí.
La primera iniciativa es Café con Paco, una serie de charlas que Francisco Solsona, Lead de Google Developers para Hispanoamérica, hará con mentores y expertos de toda la región en el canal de Google Developers en YouTube. En
el primer programa
, Francisco conversó con Gustavo Alvarado, Head of Marketing de Google Colombia, sobre
Crece de Google en Casa
, la iniciativa de Google para ayudar a toda la comunidad de Pymes en la región.
En estas charlas de 15 o 20 minutos, Solsona compartirá la experiencia de la red de mentores con la que cuenta Google y las herramientas y oportunidades que tanto Google como las compañías aliadas, fondos de inversión y otros actores claves del ecosistema, ofrecerán a los emprendedores en medio de la crisis. Las charlas combinarán información útil con preguntas que apuntan a que los entrevistados ‘se salgan del libreto’ y nos cuenten un poco cómo afrontan toda esta situación.
Café con Paco busca fortalecer los lazos con nuestra comunidad. Entendemos que en medio de esta situación excepcional los desarrolladores y emprendedores tienen necesidades nuevas, y queremos usar este nuevo canal para apoyarlos con nuevas herramientas que los ayuden a salir adelante”, dice Solsona.
Esta es solo una de las múltiples iniciativas con las que Google ha ayudado a diferentes comunidades en medio de la pandemia de la COVID-19. Por ejemplo, la compañía abrió
un fondo para medios de comunicación
, y una
ayuda en créditos de Google Ads
para pequeñas y medianas empresas.
Además, en
el blog de Google Developers Latam
seguiremos contando qué nuevas herramientas o funcionalidades liberará Google para que los desarrolladores puedan implementar y explorar nuevas oportunidades en medio de la crisis. Por eso, te invitamos a seguir
el canal de Google Developers en YouTube
y el blog de Google Developers Latam.
Presentamos Web Vitals: métricas esenciales para un sitio saludable
lunes, 11 de mayo de 2020
Optimizar la calidad de la experiencia del usuario es clave para el éxito a largo plazo de cualquier sitio en la Web. Gracias a nuestro continuo compromiso y colaboración con millones de desarrolladores web y propietarios de sitios, hemos desarrollado muchas métricas y herramientas útiles en todos los servicios de Google para ayudar a propietarios de empresas, profesionales de marketing y desarrolladores a identificar oportunidades que les permitan mejorar la experiencia de los usuarios. Sin embargo, para muchos, la gran cantidad de métricas y herramientas crea un desafío de priorización, claridad y consistencia.
Hoy nos complace anunciar un nuevo programa:
Web Vitals
, una iniciativa de Google que proporciona una guía unificada de indicadores de calidad que son esenciales para ofrecer una gran experiencia al usuario en la Web.
Core Web Vitals
Medir la calidad de la experiencia del usuario tiene muchas facetas, la mayoría de las cuales son específicas del sitio y del contexto. No obstante, hay un conjunto común de indicadores, "Core Web Vitals", que es fundamental para todas las experiencias de la Web. Esas
necesidades principales de experiencia del usuario
incluyen la experiencia de carga, la interactividad y la estabilidad visual del contenido de la página, y combinadas son la base de los Core Web Vitals 2020.
Procesamiento de imagen con contenido más grande
mide la velocidad de carga percibida y marca el punto en la línea de tiempo de carga de la página cuando es probable que se haya cargado el contenido principal de la página.
Retraso de primera entrada
mide la capacidad de respuesta y cuantifica la experiencia que los usuarios tienen al tratar de interactuar con la página por primera vez.
Cambio de diseño acumulado
mide la estabilidad visual y cuantifica la cantidad de cambios de diseño inesperados del contenido de la página visible.
Todas estas métricas registran resultados importantes orientados en los usuarios, se
miden por campo
y tienen herramientas y equivalentes métricos de diagnóstico de laboratorio que las respaldan. Por ejemplo, si bien Procesamiento de imagen con contenido más grande es la métrica de carga de la línea superior, también depende en gran medida de
Primer procesamiento de imagen con contenido
(FCP) y
Tiempo hasta el primer byte
(TTFB), que siguen siendo fundamentales durante los procesos de supervisión y optimización.
Cómo se miden las métricas de Core Web Vitals
Nuestro objetivo es hacer que Core Web Vitals sea simple y fácil de acceder y medir para todos los propietarios y desarrolladores de sitios, tanto en las plataformas de Google como en sus propios paneles y herramientas.
El
Informe de UX de Chrome
permite a los propietarios evaluar rápidamente el rendimiento de su sitio para cada Web Vital, tal como lo experimentan los usuarios reales de Chrome. El conjunto de datos de BigQuery ya aparece en los histogramas accesibles al público para todos los Core Web Vitals, y estamos trabajando en una nueva API de REST que hará que acceder a la URL y a los datos de nivel de origen sea simple y fácil. Pronto brindaremos más información al respecto.
Les recomendamos a todos los propietarios de sitios que recopilen sus propias
estadísticas de medición de usuarios reales
para cada Core Web Vital. Para ello, varios navegadores, incluido Google Chrome, han implementado y admitido todas las especificaciones del borrador actual de Core Web Vitals:
Procesamiento de imagen con contenido más grande
,
Inestabilidad de diseño
y
Tiempos del evento
. Asimismo, hoy estamos lanzando una biblioteca de JavaScript de
web-vitals
de código abierto que proporciona un wrapper pequeño y listo para la producción, que se puede usar con cualquier proveedor de estadísticas que admita métricas personalizadas, o bien a modo de referencia de cómo registrar con precisión cada uno de los Core Web Vitals para los usuarios de tu sitio.
// Ejemplo de uso de web-vitales para medir CLS, FID y LCP, y generar informes al respecto.
import
{
getCLS
,
getFID
,
getLCP
}
from
'web-vitals'
;
function
reportToAnalytics
(
data
)
{
const
body
=
JSON
.
stringify
(
data
);
(
navigator
.
sendBeacon
&&
navigator
.
sendBeacon
(
'/analytics'
,
body
))
||
fetch
(
'/analytics'
,
{
body
,
method
:
'POST'
,
keepalive
:
true
});
}
getCLS
((
metric
)
=>
reportToAnalytics
({
cls
:
metric
.
value
}));
getFID
((
metric
)
=>
reportToAnalytics
({
fid
:
metric
.
value
}));
getLCP
((
metric
)
=>
reportToAnalytics
({
lcp
:
metric
.
value
}));
En nuestro proceso de prueba y desarrollo, hemos descubierto lo valioso que es tener fácil acceso al estado de cada Core Web Vital, tanto en la etapa de desarrollo como mientras navegamos por la Web. Para ayudar a los desarrolladores a detectar las oportunidades de optimización, también publicamos un vista previa de la nueva
extensión
de
Core Web Vitals
Esta extensión muestra un indicador visual en Chrome sobre el estado de cada métrica mientras navegas por la Web y, en el futuro, también te permitirá ver los datos agregados del usuario real (proporcionados por el Informe de UX de Chrome) acerca del estado de cada métrica respecto de la URL y el origen actuales.
Finalmente, en los próximos meses, actualizaremos
Lighthouse
,
Chrome DevTools
,
PageSpeed Insights
, el
Informe de velocidad
de
Search Console
y otros instrumentos populares para destacar y explicar de manera coherente y práctica cómo puedes mejorar tus Core Web Vitals.
Cómo evolucionarán las métricas de Core Web Vitals
El conjunto actual de Core Web Vitals 2020 no es un conjunto completo de métricas que registra la experiencia ideal del usuario en la Web. Esperamos actualizar Core Web Vitals anualmente y proporcionar actualizaciones frecuentes sobre las posibles métricas nuevas, la motivación y el estado de implementación.
Mirando hacia 2021, estamos invirtiendo en el desarrollo de una mejor comprensión y capacidad para medir la velocidad de la página y otras características fundamentales de la experiencia del usuario. Entre esos cambios, se incluyen ampliar la capacidad de medir la latencia de entrada en todas las interacciones, no solo en la primera; nuevas métricas para medir y cuantificar la fluidez; métricas primitivas y de apoyo que permitirán ofrecer experiencias para mantener la instantaneidad y la privacidad en la Web; y muchas otras más.
Asegúrate de seguir nuestras
actualizaciones en web.dev
, y
suscríbete a nuestra lista de distribución
para recibir actualizaciones sobre métricas y otras herramientas de la Web.
Ilya Grigorik, ingeniero de rendimiento web
La próxima edición de Google For Startups Accelerator será 100% virtual
viernes, 8 de mayo de 2020
La crisis hace que, hoy más que nunca, los emprendedores necesiten de todo el apoyo posible para superar las dificultades y encontrar nuevas oportunidades. Por eso Accelerator LATAM se reinventa y hará su primera edición 100% virtual.
El escenario para las startups no podría ser más retador y más interesante. En medio de una crisis que está cambiando las reglas de la economía y del trabajo, los emprendedores necesitan más que nunca de todo el apoyo que puedan requerir, no solo para sobrevivir sino para identificar y aprovechar las nuevas oportunidades que se presentan.
Por eso,
Google for Startups
anunció que la próxima edición de
Accelerator
, que se realizará en 2020, se hará completamente en línea. La duración de tres meses, y la estructura temática general del programa se mantienen, pero el equipo de Google Developers está trabajando en adaptarlo no solo a la interacción y comunicación remota, sino también a las nuevas demandas que la crisis ha creado a las empresas.
“Haremos sesiones técnicas y talleres adaptados para ejecutarse totalmente en línea. En algunos casos, modificando o añadiendo contenido para que funcione de manera remota y equipos de trabajo distribuidos”, explica Francisco Solsona, Gerente de Relaciones con Desarrolladores para Google Hispanoamérica.
Además, se añadirá una sección dedicada a compartir las mejores prácticas de trabajo remoto y distribuido geográficamente, igual que se reforzarán los contenidos relacionados con economía, finanzas y relaciones con inversionistas, dada la urgencia de estos temas en medio de la crisis.
Otro reto importante es lograr darles de manera remota a los emprendedores las oportunidades de networking que ofrece el programa presencial. Por eso, el programa se concentrará en ofrecer espacios de relacionamiento y mentoría adecuados que puedan cumplir esa función y ayudarles a los emprendedores seleccionados a construir contactos.
El equipo de Google for Startups sabe que ese elemento es crucial para el éxito de la aceleradora: “Hoy más que nunca la necesidad de conexión y colaboración entre startups, inversionistas, empresas y otros aliados es más obvia”, dice Solsona.
Evolución
Esta primera experiencia se enriquecerá gracias a los aprendizajes de Google For Startups Accelerator Brasil, que hizo su primera versión 100% digital hace poco. Por ejemplo, en esa edición el equipo aprendió que es importante ir más a profundidad en las sesiones técnicas, y en ofrecer espacios que ayuden a consolidar lo aprendido en dichas sesiones.
Sin embargo, como dice Solsona, “el reto más grande que tenemos delante es romper nuestras inercias culturales y dinámicas presenciales que hasta hoy consideramos "mejores prácticas", cómo sesiones de mentoría en persona y cara a cara para tocar temas difíciles”. Más allá de de los contenidos, que se pueden transmitir de manera remota con ajustes menores. “asegurar que el resultado y la calidad se mantienen, y que todos los involucrados se benefician de la interacción, son los temas que nos ocupan en las semanas previas al inicio del programa de aceleración virtual”.
A futuro, esta experiencia nutrirá las versiones futuras de Accelerator. Aunque es muy pronto para saber cómo va a cambiar el programa gracias a esta experiencia, lo que sí es claro es que, en palabras de Solsona, “esto es un paso más en la evolución del programa. Más adelante y teniendo más datos para tomar una decisión, futuras ediciones de accelerator tendrán lo mejor de nuestras experiencias presenciales y en línea”.
Labels
.app
.dev
.txt
#AMP
#CPU
#DeveloperStudentClubs
#DevFest
#DragonBall
#DSC
#Forsety
#ForsetySecurity
#freeandopen
#GCP
#Google
#GoogleCloud
#GoogleCloudPlatform
#GoogleLaunchpad
#iio2009
#Kubernetes
#MaterialDesign
#OneCommunity
#Security
#TensorFlow
#UPGlobal
#UpLatam
#WithGoogle
+page
10 YEARS
2013
2019
64 bits
A/B Testing
AA
Accelerator
Action on Goolge
actionbar
Actions
Actions Console
AdMob
Ads
adwords
adwords api
AI
AIY
ajax
alarmmanager
ALFA
almacenamiento
alojamiento de proyectos en google code
AMP
AMP Conf
AMP Project
amp-date-picker
amphtml
Analytics
Andorid
android
Android (operating System)
Android 3.1
android 3.3
android 4.2
android 9
Android 9 Pie
Android App Bundle
android design
Android Dev Summit
Android Developers
android Jetpack
Android P
Android SDK
Android Studio
Android Things
Android Wear
AndroidDevStory
androititlan
angelina jolie
Annotation
Announcements
anuncios
API
API Analytics YouTube
Apigee
APIs
Aplicaciones
aplicaciones chrome
app
app engine
App Indexing
app invites
App Server
applications
AppQuality
apps
Apps Script
AR
ARCore
arte
ATLAS
AWP
backend
Base64
batch
Bava
Betatesting
Better Ads Standars
bigdata
BigQuery
Biometrics
blink
bootcamp
BOT
BQ
Business
búsqueda ajax
by Google
byCases
byCommunity
byDevelopers
byGoogle
C++
CALENDAR
Cardboard
case
caso de éxito
Casos de éxito
casos destacados
CCOSS
Century Fox
chat
chrome
chrome web store
chromebook
chromecast
chromium
Cinéfilos
cloud
Cloud Anchors
CLOUD endpoints
Cloud Firestore
Cloud Functions
Cloud IoT Core
Cloud Next
Cloud Scheduler
Cloud services
cloud test lab
Cloud Text-to-Speech
Cloud Translation
CMD en vivo
coconut
code
code-in
code.org
CodeLabs
código
código abierto
Colab
colombia
Communities
Comunidades
concurso google
conference
contenedores
convocatoria
Coordinate
crashlytics
CRE
crear aplicaciones ajax
creatividad
Crowdsource
CSS
cws
daniela robles
dart
dart sdk
dartium
dartlang
Dataset
DCL
denis labelle
desarrolladores
Desarrolladores Google
desarrolladores LatAm
Desarrollar
Design
Design Sprint
Destacados
dev
Dev.f
DevArt
DevBus
DevBusLatAm
Developer Bus
Developer Summit
DeveloperConsole
developers
DevFest
devoxx
dialogflow
diseño UX
Distribuir
DNS
DOM
domain
DonkeyCar
doubleclick
Drive SDK
Drivers
ecommerce
ecosistema
elections
elizalde
Emoticons
emprendedores
empresas
engagement
english
Enhanced Campaigns
enterprise
eventos
Events
evolución de aplicaciones
Excel
ExpertosDicen
Faas
Family
FanBridge
FCM
FCP
Featured
fido
find people
Fintech
firebase
Firebase Cloud Messaging
firebase summit
flu trends
Flutter
Flutter 1.0
flutter 1.7
flutter developers
Flutter Live
FlutterLive
FoundersLab
Freebase
Fuction
Fuctions
Full-Stack
functional programming
G Suite Dev Show
G+
g+ goto gal
G+GotoGal
GAE
game
games
GCloud
gcm
GCP
GCS
GDA
GDE
GDG
GDH
GDL
GDLevent
GDS
Get Inspired
get.app
GitHub
GLP
gmail
golang
GOMO
Google
Google Accelerator
Google AdMob SDK
Google AdWords
Google Analytics
Google APIS
Google App Engine
Google Apps
Google Apps Script
Google Art Project
Google Assistant
google calendar
google cast
Google Charts
Google Chrome
Google Cloud
Google Cloud Console
Google Cloud Messaging
Google Cloud Next
Google Cloud Platform
Google Cloud Platform Newsletter
google cloud platforn
Google Cloud Storage
google code-in
Google Compute Engine
Google Dataset
Google Developer Groups
google developers
Google Developers Academy
google developers expert
Google Developers Hackademy
google dns
Google Drawings
Google Drive
Google Earth
Google for games
Google Forms
google geo
Google Home
google i/o
google i/o extended
google io
Google Keep
Google Kubernetes Engine
Google Launchapad
Google Launchpad
Google Maps
google maps coordinate
Google Maps Platform
Google Mexico
Google Nose
google now
Google Person Finder
google places api
Google Play
Google Play Books
Google Play Developer API
google play games
Google Play Movies
Google Play Protect
Google Play Services
Google Plus
Google Science Fair
google search
Google Sheets
google sign in
Google Top Geek
Google+
Google+ Communities
Google+ Hangouts
google+ sign-in
GoogleAPI
googlecloud storage
GoogleCloudPlatform
googledevs
GooglePlay
Googleplex
Goolge Lunchpad
GTG
Hackademy
hackers
Haiko
Haití
hangouts
Hangouts Remote Desktop
hardcode
Heello
honeycomb
HTML
HTML5
HTTPS
I/O
IA
IAM
IETF
IFAI
in app purchases
in-app
ingles
Ingress
instagram
integración de soluciones
interactive post
Interesante
International
International Women’s Day
IO
io15
io18
io19
iOS
IoT
istio
IU
IVR
J2EE
java
JavaScript
jelly bean
JS
JSON
Juegos
juegos html5
Kit ML
Knative
kotlin
kUBERNATES
Kubernetes
LATAM
latamRegionSur
Launchpad
Launchpad Studio
Lenovo Mirage Solo
lightbox
linux
lucero galindo
machine learning
Made with Code
Mapdata
Mapeo
maps
Maps Ad Unit
Maps API
Maps Engine
Market
Marketing
Marshmallow
MATERIAL DESIG
Material Design
mejores apps 2013
México
michelle marie
MIT
MIT Global Start-up Labs
MIT-AITI
ML
ML Kit
mobile
monetizar
mongoDB
MOOC
Motorola
Mountain View
móvil
MQTT
mr.white
mTLS
natalie villalobos
Navigation
NBA JAM
NES
Next Big Sound
Next Level
nfc
Niantic
Nik
NINTENDO
node.js
NoSQL
nube
OAuth2
Objective-C
OClock
open source
OPenApi
OS
OSS
Paas
PageSpeed
PagesSpeed
parallel18
patrones
patters
performance
permisos
Pipeline API
Pixability
pixel
Píxel
play
Play Console
Playtime
Podcast
pollito pio
Polymer
por lote
Posse
Prediction API
primer
Producto
programación
Propositos
Protocol Buffers
proyecto 20%
Push API
PYMES
python
Q
Q4
quickoffice
Rasberry Pi Zero WH
Raspberry Pi
Realtime
Reflectly
register
Release
Resources
robots.txt
Safe
SDK
Search
Security
seedbank
seguridad
SEO
servidores
Showyou
sign-in
SNES
SO
social media
Spain
SpLATAM
SQL
SQLite
Start
startup grind
Startup Launch
startup weekend
startup weekend for the planet
startupbus
startups
StayAtHome
story
Street View
subtitles
success
sw
SyScan
tablet
Tablet Optimization Tips
tabletas
takeaction
Tango
tendencias 2013
TensorFlow Developer Summit
testing
TextView
TF JAM
The Garage
The Venture City
tips G+
tips gmail
TLD
TLS
Top Experts
Top Geek
top level domain
TopExpert
topics
traducciones
Transparency Report
triggers
Tubular Labs
twilio
Tyka
TypeScript
UAC
udacity
ui
Umbrales
UNAM
unity
Unity3D
universal search
UX
Vector
VectorDrawable
video juegos
vidIQ
ViewPager
Visual Progress
Voicekit
VPC
VR
VSCode
web
Web hosting
Web móvil
WebAssembly
with google
Wizdeo
WizTracker
Women at Google
Women Techmakers
workmanager
WTM
XKCD
XML
Yifat Cohen
youtube
YouTube Analytics API
YouTube API
YouTube Data API
YouTube One Channel
YouTube Player API
Archive
2025
nov
2024
sept
2023
nov
oct
sept
ago
jun
may
abr
mar
ene
2022
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2021
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
2020
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2019
dic
nov
oct
sept
ago
jun
may
abr
mar
feb
ene
2018
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
2017
nov
sept
ago
jul
jun
may
abr
ene
2016
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2015
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2014
dic
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2013
dic
nov
oct
ago
jul
jun
may
abr
mar
feb
ene
2012
dic
nov
oct
sept
ago
jul
2011
nov
oct
may
mar
2010
dic
nov
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2009
dic
nov
sept
ago
jul
jun
may
abr
mar
feb
ene
2008
oct
sept
ago
jul
jun
may
abr
mar
feb
ene
2007
dic
Feed
Desarrolladores
Eventos y Comunidad
Casos Destacados
Dicen los Expertos
Google Accelerator