Cuatro veces la misma librería

Una página web es un texto. Lo que la hace pesada suele ser lo que manda traer: imágenes, tipografías y, sobre todo, programas. Cada etiqueta de script es un encargo, baja este fichero antes de seguir. El visitante no los ve, no los pide y no puede decir que no; los paga en tiempo de espera y en datos de su tarifa.

Esta página hacía veintidós de esos encargos, a veintiún ficheros distintos. Los contamos uno a uno y buscamos cada fichero en lo que guardamos del sitio: están todos, y suman 1.596.047 bytes. La página que los pide son 40.985. Por cada byte de página, el navegador se traía casi treinta y nueve de programa. La cifra importa menos que el camino hasta ella.

Cuatro de los encargos eran la misma librería: Bootstrap, la que da forma a los botones y las rejillas de media internet. Bootstrap se publica en varias presentaciones, la normal, la comprimida, la que trae dentro sus dependencias y la comprimida de esa, y hay que elegir una. Aquí estaban las cuatro, de la misma versión: bootstrap.min.js, bootstrap.bundle.js, bootstrap.bundle.min.js y bootstrap.js. Entre las cuatro, 427.589 bytes de lo mismo.

Cargar cuatro veces la misma librería no rompe la página, y por eso no se nota. Las cuatro se bajan, las cuatro se ejecutan y cada una va sustituyendo a la anterior: al final queda la última, y el trabajo se ha hecho cuatro veces. Es la versión informática de comprar el mismo periódico en cuatro quioscos por si acaso.

El fichero más pesado era jquery-ui.js, con 539.414 bytes él solo, algo más de un tercio del total, y llegaba sin comprimir: con los espacios, los saltos de línea y los comentarios que sirven para leerlo mientras se programa y que no hacen falta para ejecutarlo. Sus autores publican también la versión comprimida, jquery-ui.min.js: de una a otra hay cuatro caracteres en la dirección.

Debajo había más capas. Estaba xajax, una librería para hablar con el servidor sin recargar la página. Estaban tres utilidades de formularios del mismo paquete, JavaScripTools: JavaScriptUtil, inputMask, Parsers. Y estaba un fichero llamado main.js, dentro de una carpeta llamada galleta, que es la palabra cookie traducida y lo que ese fichero maneja, pedido dos veces: la misma dirección, el mismo fichero, dos encargos.

Y hay una cuenta más, que es la que explica el resto. Tres de los ficheros eran un calendario completo, con su traducción al español y su configuración aparte. Otro, el jquery-ui.js de medio megabyte, trae dentro su propio selector de fechas: la palabra datepicker aparece 318 veces en él. Y otro más era el selector de fechas de Bootstrap. Tres maneras distintas de elegir un día, cargadas a la vez, en la misma página. Y dos librerías más, de autores distintos, para el mismo trabajo de convertir una lista en un desplegable con buscador.

Parece sedimento, y las cabeceras de los ficheros lo fechan: el calendario lleva los años 2002 a 2005; jQuery UI, 2016; Bootstrap, 2018. Capas de épocas distintas, cada una encima de la anterior, y las de abajo todavía en su sitio: el calendario de hace más de veinte años convivía con el selector de fechas de 2016 y con el de Bootstrap. Cada fichero, por separado, tendría su motivo. El conjunto es lo que se descargaba el visitante.

Y pasaba en todo el sitio. De las 800 páginas que guardamos del Archivo Municipal, 797 cargaban esas mismas cuatro copias de Bootstrap. El 15 de septiembre de 2026 volvimos a pedir la página de inicio y seguían ahí las cuatro. El 21 quedaba una. El 26 de septiembre, ninguna: la página había cambiado de aspecto y de programas, y pide once, cuatro de ellos a servidores de fuera del ayuntamiento. El jquery-ui.js sin comprimir sigue entre ellos.