Un archivo es una URL que lista entradas. Una categoría, una taxonomía, un tipo de contenido con listado público. En un CMS con constructor visual, esa URL necesita una plantilla propia que decida qué se pinta de cada entrada. Si la plantilla no existe, el CMS cae a una plantilla genérica de respaldo, y esa plantilla suele llamar a la función que imprime el contenido completo.
El constructor visual engancha esa función. Cada entrada devuelve entonces la página entera que se diseñó para ella, con sus imágenes, su CSS y su JavaScript. El listado de diez entradas se convierte en diez páginas apiladas bajo una sola URL.
Definición operativa
Un listado sin plantilla de archivo propia es el que se resuelve con la plantilla de respaldo del tema. Se reconoce por tres síntomas a la vez.
- El HTML pesa varias veces más que el de una página normal del mismo sitio.
- Las puntuaciones de rendimiento de la ruta quedan muy por debajo de las de páginas diseñadas a mano.
- El mismo CSS y el mismo JavaScript de una plantilla se cargan repetidos para cada entrada listada.
Una plantilla de archivo correcta pinta de cada entrada un resumen. Miniatura, título, extracto truncado y enlace. Añade paginación para no listar más de las necesarias por URL.
Cuándo aplicarlo
El diagnóstico procede en cuanto un rastreo completo del sitio ordena las rutas por rendimiento y aparece un grupo con notas muy bajas que comparten estructura de URL. Procede también cuando el tamaño del HTML de un listado se acerca al de varias páginas completas, y cuando se publica un tipo de contenido nuevo con archivo público.
| Situación | Acción |
|---|---|
| Rastreo con un grupo de rutas de nota muy baja y prefijo común | Revisar qué plantilla las resuelve |
| Alta de un tipo de contenido o taxonomía con archivo público | Comprobar la plantilla antes de publicar |
| Cambio de tema o de constructor | Repetir el rastreo por plantilla |
| Una sola ruta lenta entre muchas sanas | Mirar primero la página, no la plantilla |
Método paso a paso
El método sigue siempre el mismo orden. Primero se localiza, después se corrige, al final se mide.
- Rastrear rutas. Una herramienta que lance Lighthouse sobre cada URL descubierta produce una tabla de rutas con su nota. Ordenarla de menor a mayor deja a la vista los grupos defectuosos. Cinco rutas con prefijo común y notas casi nulas apuntan a una plantilla, no a cinco problemas distintos.
- Agrupar por plantilla. Cada ruta se resuelve con una plantilla concreta. Con la jerarquía de plantillas del CMS en la mano, se anota cuál sirve cada grupo. Un grupo de listados atendido por la plantilla de respaldo es el sospechoso.
- Localizar el bucle. Se abre esa plantilla y se busca la llamada que imprime el contenido completo dentro del bucle de entradas. Se confirma comprobando el HTML servido, donde se repiten bloques completos del constructor por cada entrada.
- Escribir la plantilla de archivo. Tarjetas con miniatura, título y extracto truncado, más paginación nativa del CMS. La misma plantilla sirve a todas las taxonomías hermanas. Conviene comprobar antes que las páginas reales diseñadas en el constructor no se vean afectadas, porque una página con el aspecto de un listado no pasa por esta plantilla.
- Medir antes y después. Siguiente sección.
Medir sin engañarse
La medición es la parte que más se estropea. Una nota de Lighthouse varía entre ejecuciones y entre máquinas, y una comparación mal hecha produce una mejora inventada o una mejora real que nadie cree.
| Regla | Motivo |
|---|---|
| Misma ruta antes y después | Otra ruta cambia el contenido y la comparación deja de valer |
| Mismo entorno | Un local con caché caliente no se compara con un servidor frío |
| Una sola variable por medición | Si cambian plantilla y caché a la vez, no se sabe cuál mueve la cifra |
| Varias ejecuciones y la mediana | Una ejecución aislada recoge ruido |
| Anotar entorno y fecha junto a la cifra | Una cifra sin contexto no se puede reproducir |
| Decir qué no se midió | Una ruta medida no representa a las demás |
Tres métricas de Core Web Vitals reaccionan de forma distinta a este defecto, y conviene leerlas por separado.
| Métrica | Qué mide | Cómo la mueve un listado con contenido completo |
|---|---|---|
| CLSGlosarioCLS (Cumulative Layout Shift)Cumulative Layout Shift (CLS) es una métrica de Core Web Vitals que mide la frecuencia y la magnitud con la que los elementos visibles en la pantalla cambian de posición de forma inesperada durante la carga de la página.Ver término completo → | Cambios de posición inesperados durante la carga | Diez páginas con imágenes y secciones que se pintan a distinta velocidad desplazan el contenido una y otra vez |
| LCPGlosarioLCP (Largest Contentful Paint)Largest Contentful Paint (LCP) es una métrica clave de Core Web Vitals que mide el tiempo necesario para renderizar y pintar el elemento visual o bloque de texto más grande en la pantalla (usualmente la imagen Hero o banner principal).Ver término completo → | Tiempo hasta pintar el elemento principal | El HTML y los recursos multiplicados retrasan el primer elemento grande |
| TBTGlosarioTBT (Total Blocking Time)Total Blocking Time (TBT) mide el tiempo total en el que el hilo principal del navegador está bloqueado por tareas de JavaScript de larga duración (más de 50ms), impidiendo que la interfaz de usuario responda rápidamente a clics o inputs.Ver término completo → | Tiempo con el hilo principal bloqueado por JavaScript | El script de cada entrada se ejecuta de nuevo, así que el bloqueo se acumula |
Una plantilla de resumen suele recortar las tres a la vez, aunque no en la misma proporción. Que una métrica quede todavía en rojo tras el cambio no invalida la corrección. Indica que el defecto de plantilla estaba resuelto y que queda trabajo en otra capa, como las fuentes, la caché o los scripts de terceros.
Errores típicos
- Optimizar la página antes que la plantilla. Se comprimen imágenes y se precargan fuentes en una ruta cuya causa es estructural. La mejora es pequeña y el defecto sigue ahí.
- Medir solo la portada. La portada es una página diseñada a mano y rara vez muestra el problema. Los archivos viven en las rutas profundas.
- Corregir un listado y dar el resto por resuelto. Las rutas hermanas comparten plantilla, pero cada una necesita su medición, o una nota que diga que no se midió.
- Cambiar varias cosas entre mediciones. Caché, plantilla y versión del constructor en el mismo despliegue impiden atribuir la mejora.
- Truncar el extracto con HTML sin sanear. Un recorte que corta una etiqueta por la mitad rompe el diseño del listado.
- Olvidar la paginación. Una plantilla de resumen que lista todas las entradas del tipo repite el problema a otra escala.
- Confundir una página real con un archivo. Antes de tocar nada, comprobar con una consulta qué URLs resuelve cada plantilla.
Criterio de decisión
| Observación | Decisión |
|---|---|
| Rutas de listado bajo mínimos y HTML varias veces mayor que el normal | Crear plantilla de archivo con resumen y paginación |
| Rutas lentas sin repetición de bloques en el HTML | Buscar la causa en la página, no en la plantilla |
| Plantilla de archivo existente pero con bucle de contenido completo | Sustituir el bucle por tarjetas de resumen |
| Mejora medida en una ruta, sin medir las hermanas | Extender la plantilla y declarar qué quedó sin medir |
| Métricas aún altas tras la plantilla | Pasar a la siguiente capa (fuentes, caché, scripts) y medir de nuevo |
| Cifra obtenida en un entorno distinto al de producción | Presentarla como orden de magnitud, no como resultado del sitio |
Del caso al principio
El caso de una web con listados de verticales siguió este camino, y su valor está en la secuencia. Un rastreo completo señaló un grupo de rutas, el grupo apuntó a una plantilla ausente, y una sola plantilla nueva movió las tres métricas de la ruta medida. Ningún ajuste fino habría alcanzado ese efecto.
La síntesis que se deduce es que en un CMS con constructor visual conviene tratar cada tipo de archivo como una plantilla que hay que tener, y no como un subproducto de las páginas. Y que la cifra de una ruta, en un entorno concreto, vale como indicio. La del sitio publicado exige medir el sitio publicado.