Chrome usa capturas de pantalla interactivas para acelerar los sitios

Google anunció una nueva tecnología utilizada en Chrome que crea imágenes interactivas en páginas web que aceleran la experiencia del usuario. Chrome lo llama Freeze Dried Tabs y actualmente está en uso.

Lo que está haciendo Google va más allá del contenedor de capturas de pantalla. Es más un híbrido de captura de pantalla porque se puede desplazar y se puede hacer clic en los enlaces. Cuando la página real termina de descargarse, Google cambia sin problemas a la página web real.

La idea es acelerar la experiencia web de los visitantes del sitio mostrándoles una captura de pantalla con enlaces funcionales y contenido por el que los usuarios pueden desplazarse.

Mostrar sitios web más rápido en dispositivos móviles

El proceso de representación de sitios web es lento debido a todas las diferentes partes que deben cargarse, como HTML sin procesar, CSS, JavaScrip y fuentes (que crean toneladas de problemas por sí mismas).

La solución de Chrome es mostrar capturas de pantalla interactivas.

Pestañas del navegador liofilizadas

Google llama a este nuevo híbrido de una captura de pantalla y una página web interactiva, Freeze Dried Tabs.

Las pestañas del navegador liofilizadas son una nueva forma de entregar páginas web, pero no aparecen en todos los sitios que visita un usuario de Chrome.

Más bien, es una solución para acelerar los momentos transitorios, como cambiar entre pestañas o durante el inicio del navegador.

De acuerdo con una publicación de blog de Chrome al respecto:

“La representación de contenido web puede ser computacionalmente intensiva y, a veces, puede parecer lenta en comparación con una aplicación nativa.

Se necesita mucho trabajo para cargar dinámicamente los recursos web, ejecutar JavaScript, renderizar CSS, fuentes, etc.

En los dispositivos móviles, esto es particularmente desafiante y, a menudo, Chrome solo puede admitir unas pocas páginas web cargadas a la vez debido a las limitaciones de memoria del dispositivo.

Esto plantea la cuestión de si existe una forma más ligera de presentar el contenido web cuando la situación lo requiere, por ejemplo, en una interfaz de usuario transitoria como el conmutador de pestañas, o durante el inicio cuando se realiza una gran cantidad de trabajo de preparación.

En un arranque en frío normal de la aplicación Chrome, se tarda unos 3,4 segundos en cargar una página web.

Las pruebas muestran que la experiencia del usuario mejora con tiempos de carga hasta un 20% más rápidos, lo que resulta en un promedio de 2,8 segundos para que se muestre la página web completa.

Debe enfatizarse que esto hace que toda la página quede congelada, incluido el contenido que está debajo de la ventana gráfica (la parte donde el visitante del sitio tiene que desplazarse para ver).

Una cualidad notable de esta solución es que no hay cambio de diseño cuando la sección liofilizada se transfiere al sitio en vivo.

El anuncio explica cómo hacen esto:

“Para una página web Freeze Dry, capturamos el estado visual de la página como un conjunto de gráficos vectoriales junto con cualquier hipervínculo.

Entonces podemos "reconstituir" (reproducir) estos gráficos vectoriales de una manera más ligera simplemente rasterizando los gráficos vectoriales.

Esto reduce la sobrecarga de representación de mostrar una página web completa (incluido el contenido fuera de la ventana gráfica) y aún admite hipervínculos.

Las pestañas liofilizadas están activas en Chrome

Esta tecnología, que agiliza la creación de una página web interactiva, se utiliza actualmente en el navegador Chrome.

Si bien actualmente solo se usa en situaciones de arranque en frío, el equipo de Chrome ha indicado que están investigando dónde más podría usarse.

Esta es una buena noticia para todos los editores web porque puede significar que las páginas se cargan más rápido para los visitantes del sitio, lo que puede generar niveles más altos de satisfacción de los visitantes.

Cotizar

Lea la publicación original de Chrome

Aceleración de Chrome en el inicio de Android con pestañas liofilizadas

Imagen destacada de Shutterstock / Catalyst Labs