Conseguir una puntuación excelente en Google PageSpeed Insights suele presentarse como un reto técnico complejo, repleto de plugins milagrosos, ajustes oscuros y horas de pruebas. Aquí no voy a prometerte un 100/100 garantizado, porque ese número depende de muchas variables (tema, contenido, hosting e incluso la latencia del momento en que se mide la web). Lo que sí puedo compartir es cómo aplicar WPO en WordPress sin depender de plugins pesados para acercarte al máximo rendimiento posible, con criterio y sin atajos.
Muchas instalaciones de WordPress sufren lentitud no por culpa del propio gestor de contenidos, sino por el peso acumulado de temas sobrecargados, maquetadores visuales pesados y decenas de complementos innecesarios. Cuando la base técnica es ineficiente, ningún plugin de optimización posterior puede compensarlo del todo.
En este artículo explico las decisiones técnicas que marcan una diferencia real, priorizando la simplicidad y la limpieza del código por encima de las soluciones rápidas con apariencia mágica.
WPO en WordPress: elegir las herramientas adecuadas
Constructores visuales como Elementor o Divi son herramientas muy completas para diseñar sitios web. Permiten trabajar con rapidez, crear diseños personalizados y conseguir resultados excelentes cuando se utilizan con criterio, manteniendo una estructura ordenada y evitando cargar elementos innecesarios.
Para ilustrar esto, en un proyecto anterior también trabajé con Raiola Networks, el hosting en el que confío para mis webs, utilizando Elementor Pro junto con los plugins necesarios para el funcionamiento del sitio. El resultado fue una web equilibrada, con una puntuación aproximada de 90/95 en Google PageSpeed Insights, una cifra destacable teniendo en cuenta que el rendimiento depende de muchos factores y no únicamente del maquetador utilizado.
De hecho, una web creada con un maquetador visual puede ofrecer un rendimiento muy bueno si se controla el número de recursos, se optimizan las imágenes, se utiliza un buen sistema de caché y se configura correctamente el servidor. El problema no reside necesariamente en la herramienta, sino en cómo se utiliza y en todo lo que se añade a su alrededor.
En este proyecto he optado por trabajar directamente con el editor nativo de WordPress, Gutenberg, junto con un tema ligero como Astra. Esta combinación me permite mantener una estructura sencilla, reducir dependencias externas y tener un control total sobre el código que se carga en cada página.
Cuando necesito componentes visuales adicionales, utilizo bloques de Spectra para ampliar las posibilidades de Gutenberg sin incorporar un maquetador completo. No significa que una opción sea universalmente mejor que otra: cada proyecto tiene unas necesidades técnicas y operativas diferentes.
La clave está en elegir una base coherente con el tipo de web que quieres construir, utilizar solo los recursos necesarios y optimizar el conjunto. Tanto Gutenberg como Elementor o Divi pueden formar parte de una web rápida si se emplean de manera ordenada y se presta atención al rendimiento.
Un servidor optimizado marca la diferencia
El tiempo de respuesta inicial del servidor (TTFB o Time to First Byte) es el punto de partida de todo el proceso de carga. Si el alojamiento web tarda en responder a la primera petición, cualquier optimización posterior de diseño o imágenes se verá retrasada.
Contar con un buen hosting y una configuración cuidada marca una diferencia importante. En mis proyectos utilizo LiteSpeed Web Server junto con PHP OPcache, dos tecnologías que ayudan a que la web responda con más rapidez y soporte mejor momentos en los que varias personas la visitan al mismo tiempo.
LiteSpeed se encarga de servir las páginas de forma eficiente, mientras que OPcache evita que PHP tenga que preparar el mismo código una y otra vez. El resultado es una web más ágil, con menos esfuerzo para el servidor y una base sólida antes de empezar a añadir plugins de optimización.
La combinación de discos de almacenamiento SSD NVMe ultrarrápidos, versiones estables y actualizadas de PHP y centros de datos con servidores ubicados cerca de tu audiencia permite que las peticiones iniciales se sirvan en milisegundos, antes de que el navegador empiece a pintar la página.
Aquí vive Soy Tavi
Servidores rápidos, soporte que contesta en español y cero dolores de cabeza. Es donde tengo montada esta web y mis propios proyectos.
Optimización de imágenes de forma sencilla
Las imágenes suelen ser el elemento que mayor volumen de datos consume en una página web. Subir archivos directamente desde una cámara o un banco de imágenes en resoluciones gigantescas perjudica gravemente el rendimiento, sobre todo en dispositivos móviles.
Para optimizar los elementos visuales manteniendo una calidad impecable:
- Redimensiona antes de subir: Ajusta la resolución de las imágenes al ancho máximo real que ocuparán en el diseño del post (por ejemplo, entre 1200 y 1600 píxeles para cabeceras y entre 700 y 900 píxeles para imágenes de contenido interior).
- Utiliza el formato WebP: Reduce drásticamente el peso de los archivos respecto a formatos clásicos como JPEG o PNG, manteniendo una calidad visual excelente.
- Carga diferida nativa (Lazy Load): WordPress aplica de forma nativa el atributo
loading="lazy"a las imágenes para evitar que el navegador descargue elementos que están fuera de la pantalla hasta que el usuario hace scroll. Como detalle técnico importante, WordPress omite intencionadamente la carga diferida en la primera imagen visible de la cabecera (hero image) para evitar retrasos en el renderizado del contenido principal.
Tipografías y recursos externos bajo control
Cada petición externa hacia servidores de terceros requiere resolución DNS adicional, establecimiento de conexión segura y transferencia de datos. Si estos recursos son necesarios para renderizar la página, pueden generar bloqueos temporales en la visualización.
Uno de los fallos más habituales es cargar múltiples familias tipográficas y variantes desde servidores remotos como Google Fonts. Alojar las fuentes localmente en tu propio servidor y limitar las variantes a las estrictamente necesarias (por ejemplo, Inter para el cuerpo de texto y Montserrat para los encabezados) elimina dependencias externas, refuerza la privacidad y permite aplicar políticas de caché directas sobre los archivos tipográficos.
Prescindir de scripts de seguimiento superfluos, widgets sociales pesados o librerías que no aportan valor directo al lector ayuda a reducir el trabajo del hilo principal de JavaScript y a mantener bajos los tiempos de bloqueo (TBT) en las pruebas de laboratorio.
Caché inteligente: optimización a nivel de servidor
La caché de página permite reutilizar una respuesta HTML generada previamente, evitando tener que ejecutar todo el código PHP de WordPress y consultar la base de datos en cada visita de un usuario.
En servidores LiteSpeed, el plugin LiteSpeed Cache no actúa como un plugin pesado tradicional que consume CPU ejecutando PHP para servir la caché, sino como un puente de control directo hacia el motor de caché integrado en el propio servidor web:
- Caché de página activa: Entrega las páginas públicas directamente desde la memoria del servidor.
- Minificación de código sin combinar: Minifica CSS y JavaScript eliminando espacios y comentarios. No es recomendable activar la combinación de archivos por defecto: con protocolos modernos como HTTP/2 y HTTP/3 la multiplexación permite descargar varios archivos en paralelo, y combinar scripts suele provocar conflictos de dependencias y romper el diseño.
- Mantenimiento de la base de datos: Mantener un límite razonable en las revisiones de entradas (por ejemplo, limitándolas a 3 o 5 versiones) y limpiar borradores antiguos ayuda a mantener la base de datos ordenada a largo plazo.
Menos plugins innecesarios, más estabilidad
Existe la falsa creencia de que para cada pequeña función es necesario instalar un plugin adicional. Cada plugin añade código, dependencias y una potencial fuente adicional de consumo de recursos que varía según cómo esté desarrollado y qué funciones ejecute en cada petición.
Revisar con frecuencia los plugins instalados y mantener activos únicamente los estrictamente necesarios no solo mejora la velocidad general del sitio, sino que reduce notablemente las probabilidades de fallos tras una actualización. Además, como explico en mi artículo sobre seguridad en WordPress, reducir el número de complementos innecesarios disminuye de forma directa la superficie de ataque de tu web.
Medir y verificar los resultados reales
Una vez aplicadas las mejoras, herramientas como Google PageSpeed Insights permiten comprobar las métricas clave del rendimiento web a través de los Core Web Vitals:
- LCP (Largest Contentful Paint): Mide el tiempo que tarda en renderizarse el contenido visual principal de la página (el valor óptimo es igual o inferior a 2,5 segundos).
- CLS (Cumulative Layout Shift): Evalúa la estabilidad visual y asegura que los elementos no sufran saltos inesperados mientras la página carga.
- INP (Interaction to Next Paint): La métrica oficial de interactividad que mide la rapidez con la que la web responde a los clics, toques o pulsaciones del usuario.
Es importante recordar que un análisis puntual en PageSpeed Insights proporciona datos en un entorno de laboratorio. Cuando están disponibles, los datos de campo recogidos de usuarios reales reflejan con mucha mayor precisión el comportamiento del sitio en distintas redes y dispositivos.
El objetivo real del WPO no es obsesionarse con una cifra concreta en una herramienta de análisis, sino ofrecer una experiencia de lectura fluida, rápida y sin bloqueos para cualquier persona que visite la web. La puntuación es solo una referencia; lo que de verdad importa es cómo se siente la web al navegar por ella.
Conclusión
Optimizar WordPress no requiere configuraciones complejas ni soluciones milagrosas, y tampoco te va a garantizar un 100/100 automático. Elegir una buena base técnica, prescindir de constructores pesados, cuidar las imágenes y apoyarte en un servidor rápido es lo que realmente puedes hacer para acercarte al máximo rendimiento posible, con resultados honestos y sostenibles en el tiempo.
