Google ha tenido un par de semanas muy ocupadas. Uno de los grandes eventos que no recibe mucha atención en el espacio del consumidor es el Chrome Dev Summit 2018. Google mantuvo esto incluso a principios de esta semana y anunció una serie de actualizaciones y características.
La web es una gran parte del enfoque de Google en este momento, y Chrome es la herramienta que la gente usa para acceder a ella. En esta publicación, resumiremos los anuncios más importantes de Google de Chrome Dev Summit 2018.
Primera visita, tiempos de carga
Los sitios web que ponen énfasis en la «primera carga», la primera vez que el usuario carga la página, están obteniendo resultados positivos al usar una función llamada «Presupuestos de rendimiento». Esto limita el tamaño del paquete de JavaScript, el peso de la imagen, etc. , y el sitio web no tiene permitido exceder estos límites.
A continuación se muestra un video del viaje de Pinterest para mejorar el rendimiento de su experiencia web móvil y cómo afectó a los registros.
https://youtu.be/2hyIbCE1T9E
Squoosh
Es importante para la experiencia del usuario que una página sea interactiva mientras se carga. La gente no quiere una terrible experiencia mientras una página termina de cargar los últimos bits. Quieren poder desplazarse, hacer clic y moverse inmediatamente. Google ha estado evolucionando Chrome para descargar todo el trabajo posible para que esto suceda. Squoosh es una aplicación que puede comprimir imágenes casi instantáneamente.
Soporte ampliado de PWA
Las aplicaciones web progresivas son realmente emocionantes y han sido muy importantes principalmente en teléfonos. PWA hace que las páginas web actúen y se parezcan más a las aplicaciones tradicionales, lo cual es genial cuando no desea instalar otra aplicación. Google está expandiendo el soporte de PWA a más plataformas de escritorio, incluyendo Chrome OS, Windows, Linux y Max en Chrome 72.
web.dev
web.dev es un nuevo portal de orientación práctica para desarrolladores web. El equipo de la plataforma web de Google ha pasado más de una década aprendiendo sobre las necesidades de los usuarios. web.dev hace que sea más fácil para los desarrolladores dominar los estándares que definen el desarrollo web. Este es el lugar al que acudir para obtener todas las técnicas actualizadas para que su sitio funcione bien. También podáis monitorear tus sitios con el tiempo para asegurarte de que sean rápidos y accesibles.
Proyecto Visbug
Project Visbug es una extensión de Chrome para facilitar el diseño web de apuntar y hacer clic. Esta herramienta es para usuarios que no quieran jugar con el código fuente de un sitio web. En su lugar, pueden moverse alrededor de los elementos simplemente haciendo clic y arrastrando. Tal vez recordáis una antigua extensión de Firefox llamada Firebug, que es un concepto similar. Simplemente instala la extensión, presiona ALT + MAYÚS + D y comienza a mover las cosas.
Web Packaging
Web Packaging es una herramienta para mejorar las URL de AMP. Le da al navegador una prueba de origen para los recursos renderizados. Siempre que el paquete web esté correctamente firmado, la URL original se mostrará al usuario. Esto permite la precarga de páginas con una preservación aún mayor de la privacidad y facilita mucho el almacenamiento en caché de borde. Podáis ver esto en acción ahora mismo en la vista previa del desarrollo de búsqueda de Google.
Los portales cambian completamente la forma en que interactuamos con sitios web de varias páginas. Transforma el sitio en una sola página que se parece más a una aplicación. Podáis ver cómo el sitio web a continuación se parece más a un feed de Twitter, pero al tocar una de las entradas se abre la página. Esta característica aún está en desarrollo temprano.
Experiencia de UX y desarrollador sin problemas
Uno de los subproductos de una experiencia de usuario fluida es una mala experiencia para los desarrolladores que la implementan. Google cree que es posible tener una buena experiencia para ambos. Las API de Houdini, como la API de pintura de CSS, la animación y los Worklets de diseño, dan a los desarrolladores un montón de control para crear interfaces nuevas y modernas. Google también está trabajando en la creación de un «camino bien iluminado» para que los desarrolladores lo sigan y les ayuda a detectar errores comunes.
Comentarios y fondos
Google está haciendo de los comentarios de los equipos del marco una parte estándar del proceso Chrome Intent to Implement. Para mostrar cuánto están dedicados a la colaboración con los equipos del marco, Google está lanzando un fondo de $ 200,000 para apoyar el desarrollo de características relacionadas con el rendimiento en marcos de terceros.
Los desarrolladores pueden visitar este enlace para inscribirse en el fondo. Google compartirá los objetivos de rendimiento y apoyarán el trabajo a través de la financiación directa. El rendimiento es crítico y Google quiere mostrar que se trata de negocios.