En Iberostudio no empezamos este proyecto porque quisiéramos crear otro plugin más para WordPress. Empezamos porque necesitábamos resolver un problema real.
El Vigía de Cuba es un proyecto digital dirigido a nuestro país en el que participamos sin cobrar. Es nuestra manera de aportar trabajo y conocimientos a una iniciativa en la que creemos. Pero, al no tratarse de un proyecto con presupuesto comercial, no podíamos depender de varias herramientas de pago para mantenerlo rápido y estable.
Durante un tiempo utilizamos plugins gratuitos. Cada uno resolvía una parte: uno gestionaba la caché, otro comprimía imágenes, otro añadía lazy load y otro intentaba mejorar la carga de los archivos.
El problema era coordinarlo todo.
A veces dos plugins modificaban la misma imagen. En otras ocasiones, una herramienta anulaba el trabajo de otra. También resultaba difícil saber qué estaba ocurriendo realmente en la página.
Así nació WordPress Optimizer, nuestro propio plugin de optimización.
Por qué los plugins no siempre trabajan bien juntos
WordPress permite añadir funciones con mucha facilidad. Esa flexibilidad es una de sus grandes ventajas, aunque también puede generar problemas cuando varias herramientas intentan hacer lo mismo.
Una imagen puede recibir lazy load desde WordPress, ser modificada después por EWWW y volver a procesarse mediante otro plugin. Algo parecido puede suceder con la caché, los archivos CSS y JavaScript o la precarga de páginas.
Instalar más herramientas no siempre significa conseguir un sitio más rápido. Lo importante es saber qué tarea realiza cada una y evitar duplicidades.
Por eso decidimos construir una solución capaz de observar el sitio antes de aplicar cambios.
Una herramienta nacida en El Vigía de Cuba
El Vigía de Cuba es un proyecto editorial y digital vinculado a nuestro país. El proyecto también nos permitió trabajar sobre problemas que encontramos con frecuencia en otros sitios WordPress.
En Iberostudio escribimos contenidos, desarrollamos proyectos digitales y ayudamos a nuestros clientes a mejorar sus páginas.
La experiencia nos llevó a plantearnos una solución reutilizable:
En lugar de instalar una herramienta diferente para cada problema, ¿por qué no crear un sistema que analice el sitio completo?
Cómo funciona WordPress Optimizer
El sistema tiene dos partes.
El plugin, escrito en PHP, funciona dentro de WordPress. Se ocupa de integrarse con la página, gestionar la caché y aplicar las optimizaciones.
La segunda parte es una API desarrollada en Python. Su función es analizar el contenido y devolver un plan de acciones.
Dicho de forma sencilla:
- El plugin PHP ejecuta los cambios.
- El sistema de análisis observa la página y propone decisiones.
- La configuración determina qué acciones se pueden aplicar.
Esta separación permite trabajar con más precisión que un conjunto de reglas generales.
Qué analiza el sistema
El sistema de análisis puede estudiar el HTML y, cuando es posible, observar la página mediante un navegador automatizado.
Así puede detectar:
- Qué imágenes aparecen al inicio.
- Cuánto mide cada imagen en pantalla.
- Qué imagen puede ser la principal.
- Qué elementos están fuera de la primera pantalla.
- Qué archivos CSS y JavaScript se cargan.
- Qué recursos externos intervienen.
- Qué imágenes tienen
srcsetysizes. - Qué recursos fallan.
- Qué elementos pueden cargarse más tarde.
Con esos datos genera acciones concretas. Por ejemplo, puede recomendar priorizar una imagen, ajustar su tamaño responsive o retrasar un recurso que no es necesario durante la carga inicial.
También tiene en cuenta un caso habitual: las imágenes lazy pueden no haberse descargado todavía. Aunque el navegador no conozca su tamaño natural, sí puede saber cuánto espacio ocupan en pantalla. Esa información sirve para elegir una variante más adecuada.
El problema de las imágenes grandes
Uno de los primeros problemas detectados en la portada de El Vigía de Cuba fue que algunas tarjetas se mostraban con anchos de 150 o 260 píxeles, pero podían terminar descargando imágenes preparadas para 900, 1024 o 1200 píxeles.
La herramienta mide el tamaño visible y ajusta el atributo sizes para que el navegador pueda elegir mejor.
Después del cambio, las tarjetas comenzaron a utilizar valores más cercanos a sus dimensiones reales, como:
150px, 207px, 261px, 272px, 330px y 559pxLa imagen principal recibe un tratamiento especial. Si es la imagen que determina el LCP, no debe cargarse de forma diferida. Por eso se mantiene priorizada con loading="eager" y fetchpriority="high".
El sistema también revisa si otros plugins, el tema o herramientas como EWWW están modificando las imágenes. El objetivo no es desactivar nada automáticamente, sino saber quién está haciendo cada tarea.
Caché y precarga
La caché guarda una versión preparada de una página para que WordPress no tenga que construirla desde cero en cada visita.
La precarga añade URLs a una cola y las procesa de manera ordenada. Esto permite preparar primero la portada y después continuar con artículos, categorías y etiquetas.
El plugin permite consultar:
- URLs pendientes.
- Páginas procesadas.
- Errores.
- Versiones móviles y de escritorio.
- Estado de la caché.
- Historial de precarga.
También es posible purgar una página concreta cuando se actualiza su contenido, sin tener que rehacer todo el sitio.
Detectar conflictos antes de optimizar
WordPress Optimizer revisa si existen herramientas que intentan gestionar simultáneamente:
- Lazy load.
- Imágenes responsive.
- Dimensiones.
- Compresión.
- WebP o AVIF.
- Precarga.
- Scripts y estilos.
También detecta recursos externos como Google Tag Manager, Google Site Kit, fuentes y vídeos.
Esta revisión evita aplicar dos veces una misma optimización y ayuda a mantener una configuración más comprensible.
Un panel para entender qué está pasando
No queríamos crear una caja negra con muchas casillas y ninguna explicación.
El panel muestra el estado de la API, la caché, la cola de precarga, las variantes de imágenes y los componentes que pueden estar duplicando funciones.
También incluye una auditoría visual que compara el tamaño visible de una imagen con el recurso descargado. Los logos y avatares se separan para que no confundan el diagnóstico de las imágenes editoriales.
Esto ayuda a responder preguntas sencillas:
- ¿La imagen se muestra demasiado grande?
- ¿Está utilizando lazy load?
- ¿Se ha descargado ya?
- ¿Qué tamaño declara el atributo
sizes? - ¿Hay otro plugin interviniendo?
- ¿La imagen principal está siendo priorizada?
Recursos externos y conexiones previas
La optimización no se limita a las imágenes.
Un sitio puede cargar Google Tag Manager, Google Site Kit, fuentes, vídeos, scripts de estadísticas y otros servicios externos. Cada uno puede añadir conexiones y tiempo de espera.
WordPress Optimizer puede detectar los dominios externos y gestionar una política de preconnect. También permite definir dominios permitidos y bloqueados.
Esta función adquirió una importancia especial después de detectar referencias de un sitio paralelo de pruebas dentro de la instalación principal. No bastaba con sustituir las URLs antiguas: también necesitábamos impedir que ese dominio volviera a utilizarse por error.
Una herramienta para El Vigía y para nuestros clientes
Aunque WordPress Optimizer nació a partir de las necesidades de El Vigía de Cuba, su diseño puede adaptarse a otros proyectos.
Cada sitio tiene un tema, unos plugins y una estructura diferente. Por eso no creemos en una configuración universal que deba activarse completa en todas partes.
En Iberostudio podemos analizar cada caso y decidir qué necesita realmente: mejorar la caché, corregir la entrega de imágenes, reducir recursos innecesarios o coordinar herramientas que ya están instaladas.
Conclusión
Crear WordPress Optimizer fue una decisión práctica.
El trabajo en El Vigía de Cuba nos enfrentó a una realidad concreta: necesitábamos mejorar el rendimiento sin asumir el coste de varias soluciones premium y sin perder el control sobre lo que ocurría en la página.
El resultado combina un plugin escrito en PHP con un sistema de análisis desarrollado en Python. Juntos permiten trabajar con caché, precarga, imágenes responsive, recursos externos y detección de conflictos.
El proyecto continúa evolucionando, pero ya ha cumplido su propósito inicial: resolver una necesidad real y convertirse en una base que también puede ayudarnos en el trabajo con nuestros clientes.
En Iberostudio escribimos contenidos, desarrollamos proyectos digitales y buscamos soluciones técnicas adaptadas a cada sitio. Si necesitas revisar el rendimiento de tu WordPress, puedes contactar con Iberostudio para estudiar tu caso.
No creemos que optimizar WordPress consista en activar todas las opciones disponibles. Consiste en entender qué necesita cada proyecto y aplicar cambios que puedan medirse y revisarse.
Ese fue el motivo de crear WordPress Optimizer: tener una herramienta propia, útil y adaptable, nacida de un problema real.
Preguntas frecuentes
¿Por qué creasteis vuestro propio plugin?
Porque necesitábamos coordinar varias funciones de optimización sin depender de numerosas herramientas de pago que podían solaparse.
¿El Vigía de Cuba es un proyecto comercial?
No. Es un proyecto dirigido a Cuba en el que participamos sin cobrar como forma de colaboración con nuestro país.
¿Qué diferencia hay entre el plugin y la API?
El plugin PHP funciona dentro de WordPress y aplica los cambios. La API Python analiza las páginas y genera recomendaciones.
¿Puede utilizarse en otros sitios?
Sí. Aunque nació con El Vigía de Cuba, puede adaptarse a otros proyectos WordPress.
¿También creáis contenidos?
Sí. En Iberostudio escribimos contenidos y trabajamos en desarrollo web, proyectos digitales y optimización técnica.
