5B. Desplegables dependientes de 3 niveles – Más rápido

Bienvenidos a otra lección avanzada de nuestro curso de Webapps Avanzados. Hoy, nos centraremos en optimizar aún más nuestros desplegables de tres niveles para que funcionen más rápido y de manera más eficiente.

Hemos integrado un «spinner» para mejorar la experiencia de carga, pero aún notamos cierta lentitud al seleccionar opciones con muchos elementos. Para mejorar esto, hemos implementado ocultamientos condicionales de campos para que solo se muestren cuando son necesarios. Por ejemplo, el campo de la marca solo aparece después de seleccionar una empresa, y el modelo aparece solo después de seleccionar una marca.

Para optimizar aún más, hemos simplificado nuestras funciones de backend en Google Apps Script. Antes teníamos funciones separadas para manejar diferentes tipos de carga, pero ahora utilizamos una sola función que maneja todos los casos. Esto reduce la carga en el servidor y acelera la respuesta en el cliente, ya que menos datos se procesan y transmiten entre el servidor y el navegador.

En la práctica, esto significa que cuando elijas una empresa, la lista de marcas se carga instantáneamente, y lo mismo ocurre con los modelos al seleccionar una marca. Este cambio no solo mejora la velocidad sino también la fluidez de la interacción con el formulario.

Te animo a experimentar con los cambios realizados en el formulario de desplegables y ver la diferencia en la velocidad y la interactividad. Observa cómo la optimización mejora la experiencia de usuario y piensa en cómo podrías aplicar técnicas similares en tus propios proyectos de Webapps.

En nuestra siguiente sesión, exploraremos más técnicas avanzadas para enriquecer los formularios interactivos. Asegúrate de revisar los conceptos de esta lección para estar completamente preparado.