Hoy en día, escribir código ya no es como antes. Antes tenías que teclear línea por línea; ahora, la IA te escupe un buen trozo de HTML en segundos. ¿Que no sirve? Lo ejecutas en el navegador y la página aparece. ¿Que se puede usar directamente? Abres el código fuente y es un desastre.
Hace poco heredé un proyecto en el que todas las páginas frontend habían sido generadas por IA. Al principio parecía genial, ¡qué eficiencia! Podía sacar varias páginas al día. Pero el día antes del lanzamiento, un compañero de pruebas vino y me dijo que un botón no se podía pulsar en el móvil. Abrí el código y, madre mía, un div anidado en siete u ocho capas, la indentación hecha un caos, y el cierre de etiquetas dependía de que el navegador adivinara. Tardé un buen rato en localizar el problema: resultó que una etiqueta no estaba cerrada y, al repararla automáticamente, el navegador desordenó toda la estructura posterior.
Después de esto, aprendí la lección. El código generado por IA, por muy normal que parezca, antes de publicarlo hay que pasarlo por una herramienta de formateo HTML.
¿Por qué es imprescindible formatear? Te doy varias razones concretas.
Primero, después de formatear, la estructura del código se ve de un vistazo. La IA tiene un defecto al escribir código: le gusta amontonarlo todo, no salta de línea donde debería, no indenta donde debería. Pasas la herramienta de formateo y las relaciones padre-hijo quedan clarísimas; qué etiqueta envuelve a cuál se ve al instante. A la hora de buscar bugs, la eficiencia puede multiplicarse por varias veces.
Segundo, te ayuda a descubrir errores ocultos. Algunas etiquetas sin cerrar, algunos atributos mal escritos... cuando el código está desordenado no lo ves. En cuanto pasas la herramienta de formateo, los puntos con estructura incorrecta quedan al descubierto de inmediato. Es como ordenar una habitación: cuando todo está amontonado te parece bien, pero al colocarlo descubres que aquí sobraba una caja inútil y allá faltaba una tapa.
Tercero, para el trabajo en equipo, solo el código formateado se puede revisar bien. Imagina que un compañero te envía un montón de código generado por IA, con indentación caótica y saltos de línea a su antojo. ¿Lo miras o no? Si lo miras, te duele la cabeza; si no lo miras, no te quedas tranquilo. Con un formateo unificado, todos siguen el mismo estándar y se ve claramente quién cambió qué.
Cuarto, es amigable con el navegador. Aunque el navegador tiene gran tolerancia a errores, eso es para cubrirte las espaldas. Con una estructura clara y etiquetas bien cerradas, la eficiencia de renderizado del navegador también será mayor. Sobre todo en móvil, donde el rendimiento ya va justo, no le añadas más caos al navegador.
Mi flujo de trabajo actual es este: la IA genera el código, lo copio al editor, lo paso por una herramienta de formateo HTML, luego reviso la estructura a ojo, y cuando confirmo que está bien, lo incorporo al proyecto. No se tarda más de dos minutos, pero el tiempo de depuración que ahorras no son solo dos minutos.
Algunos pensarán: formatear no es más que añadir indentación y saltos de línea, ¿para qué tanto? Te lo digo así: cuando escribes un artículo, también lo divides en párrafos, ¿no? Un artículo sin párrafos, ¿no te cansa leerlo? Con el código pasa lo mismo. Formatear no es por estética, es para que los problemas no tengan dónde esconderse.
Hay otro punto que debo recordarles: el código generado por IA a veces trae atributos extraños o etiquetas sobrantes; después de formatear, esas redundancias se vuelven muy evidentes. Las eliminas sin esfuerzo y la velocidad de carga de la página mejora un poco. No subestimes ese poco; grano a grano se hace granero, y la experiencia de usuario se construye así, poco a poco.
Así que no seas perezoso. Que la IA te escriba código es bueno, pero el último control antes de publicar lo tienes que hacer tú. La herramienta de formateo HTML parece poca cosa, pero en momentos clave te puede salvar. Al menos yo ahora no puedo prescindir de ella; si no lo formateo una vez, no me quedo tranquilo.