Prefacio: ¿Por qué hacer esta comparación?
En el mundo de la creación de sitios web con WordPress, el debate sobre "temas ligeros" y "constructores de páginas" nunca ha cesado. Unos dicen que los constructores de páginas son demasiado pesados y ralentizan el sitio, otros dicen que los temas ligeros tienen muy pocas funciones y no son lo suficientemente flexibles.
Por mucho que se debata, es mejor hacer una prueba real.
Como desarrollador del tema LingHang, podría limitarme a mostrar los resultados de velocidad de mi propio tema. Pero prefiero presentarles unreal, completo y verificableconjunto de datos comparativos, para que usted mismo decida qué solución se adapta mejor a sus necesidades.
Entorno de prueba: servidor real, no un entorno ideal
Muchas pruebas de rendimiento se realizan en servidores de prueba "limpios", pero esa no es la realidad. Los servidores de las pequeñas y medianas empresas suelen tener recursos limitados y además deben ejecutar otros sitios web y aplicaciones.
Configuración del servidor para esta prueba:
- Procesador: 2 núcleos Intel E5-2699 v4 (un procesador antiguo de 2016)
- Memoria: 2 GB
- Gestión del servidor: Panel Baota
- Otras aplicaciones en el mismo servidor: un sitio WooCommerce en funcionamiento
- Ubicación del sitio de prueba: dos subdirectorios bajo el mismo dominio
💡¿Por qué elegir este entorno?
Esto se acerca a la realidad de la mayoría de las pequeñas y medianas empresas: presupuesto limitado, recursos de servidor compartidos y múltiples sitios web coexistiendo. Probar en este entorno proporciona resultados más relevantes.
Consejo:
1. Usar un servidor con mejor rendimiento aumentará la puntuación de la prueba;
2. Usar una CDN (red de distribución de contenido global) aumentará la puntuación de la prueba (en esta prueba se habilitó la CDN);
3. Una optimización más específica por parte de usuarios avanzados aumentará la puntuación; en esta prueba solo se realizaron optimizaciones que cualquier principiante puede hacer.
Esquemas de comparación: garantizar la equidad
Para que la comparación sea lo más justa posible, realicé las siguientes configuraciones:
Esquema A: Tema LingHang
- Tema: Tema LingHang (editor nativo Gutenberg)
- Método de construcción de páginas: usando los 15 módulos empresariales integrados en el tema
- Plugins adicionales: ninguno (las funciones de los módulos ya están integradas)
Esquema B: Astra + Elementor
- Tema: Astra (tema ligero, recomendado oficialmente por Elementor)
- Constructor de páginas: versión gratuita de Elementor
- Método de construcción de páginas: usando el editor de arrastrar y soltar de Elementor
Plugins instalados en ambos esquemas:
- WP Super Cache (plugin de caché de páginas)
- Rank Math SEO (plugin de optimización SEO)
Páginas de prueba:
Se crearon respectivamente en los dos subdirectoriospáginas de inicio con el mismo diseño y disposición, que incluyen:
- Carrusel de inicio / Zona Hero
- Párrafo de texto de presentación de la empresa
- 3 columnas de servicios
- Preguntas frecuentes
- Llamada a la acción (CTA)
- Artículos recientes
Herramientas y métodos de prueba
Para evaluar el rendimiento de manera integral, utilicé dos herramientas de prueba reconocidas en la industria:
1. PageSpeed Insights
- URL：https://pagespeed.web.dev/
- Características: Herramienta oficial de Google que evalúa Core Web Vitals (métricas esenciales de la web)
- Métricas de prueba: Rendimiento, accesibilidad, mejores prácticas y SEO en dispositivos móviles y de escritorio
2. GTmetrix
- URL：https://gtmetrix.com/
- Características: Proporciona un gráfico de carga detallado y recomendaciones de optimización
- Métricas de prueba: Tiempo de carga, tamaño de página, número de solicitudes, puntuación de rendimiento
Método de prueba:
- Cada página se prueba 3 veces y se toma el promedio
- Vaciar toda la caché antes de la prueba
- Seleccionar un horario de prueba con baja carga del servidor (para evitar interferencias de otros factores)
- Ubicación de la prueba: Seattle, Washington, EE. UU.
Presentación de resultados de prueba
⚠️Explicación de resultados：
Los resultados de las pruebas se ven afectados por diferentes factores, por lo que cada resultado puede variar.
Comparación de puntuaciones de PageSpeed Insights
Tema LingHang:
Astra + Elementor:
Comparativa de rendimiento de GTmetrix
Tema LingHang:
Astra + Elementor:
Análisis de resultados: razones detrás de las diferencias
Independientemente de los resultados de la prueba, las diferencias de rendimiento provienen principalmente de los siguientes aspectos:
1. Diferencias en la arquitectura del código
- Tema LingHang: Bloques nativos de Gutenberg, renderizado del núcleo de WordPress, sin marcos JS adicionales
- Elementor: Sistema de renderizado frontend independiente, requiere cargar las bibliotecas CSS y JS exclusivas de Elementor
2. Diferencias en la carga de recursos
- Tema LingHang: Solo carga los estilos del módulo utilizado en la página actual
- Elementor: Requiere cargar los recursos frontend completos del constructor de páginas (incluso en modo visitante)
3. Diferencias en las consultas a la base de datos
- Tema LingHang: El contenido se almacena en el campo estándar post_content de WordPress
- Elementor: El contenido se almacena en una estructura JSON en la tabla postmeta, que requiere análisis adicional
4. Diferencias en la eficiencia del caché
- Ambos tienen WP Super Cache habilitado, pero la compatibilidad con el caché del contenido dinámico puede ser diferente
Cómo elegir: la puntuación no es el único criterio
Después de ver los datos, quizás estés pensando: "¿Cuál debería elegir?"
Mi consejo es: no mires solo la puntuación, mira las necesidades reales.
Razones para elegir el tema LingHang:
- ✅ Buscas la máxima velocidad de carga
- ✅ No necesitas diseños de página demasiado complejos
- ✅ Deseas un código de sitio web simplificado y fácil de mantener
- ✅ Tus recursos de servidor son limitados
- ✅ Valoras el SEO y deseas que los motores de búsqueda puedan rastrear el contenido más fácilmente
Razones para elegir Astra + Elementor:
- ✅ Necesitas diseños de página altamente personalizados
- ✅ A menudo necesitas ajustar detalles de diseño (márgenes, colores, animaciones, etc.)
- ✅ Tienes experiencia en diseño y deseas control total sobre la apariencia visual
- ✅ Tus recursos de servidor son suficientes para soportar la sobrecarga de rendimiento adicional
- ✅ Estás dispuesto a sacrificar algo de velocidad por flexibilidad
💡El criterio de juicio más importante:
„¿El usuario siente que tu sitio web es lento al abrirlo realmente?”
- Si el tiempo de carga es inferior a 2 segundos, la mayoría de los usuarios no notará un retraso significativo
- Si el tiempo de carga supera los 3 segundos, la tasa de abandono de usuarios aumentará notablemente
- Los usuarios de dispositivos móviles son más sensibles a la velocidad, por lo que la puntuación móvil es más importante
Un sitio web con una puntuación de 90 pero que carga en 2 segundos no tiene mucha diferencia para el usuario en comparación con uno con una puntuación de 95 pero que carga en 1.5 segundos.
Prueba por ti mismo: no confíes solo en mis datos
Te recomiendo encarecidamente que realices pruebas con tu propio sitio web (o con el tema que planeas comprar):
El sitio de prueba que hemos configuradohttps://test.quhenet.com/Puedes realizar la prueba tú mismo siguiendo los pasos a continuación. (El sitio de prueba no se mantendrá por mucho tiempo, ¡así que haz la prueba cuanto antes!)
Pasos de la prueba:
1. Usa PageSpeed Insights
- Visita:https://pagespeed.web.dev/
- Ingresa la URL de tu sitio web
- Espera unos 30 segundos y revisa las puntuaciones de móvil y escritorio
- Presta especial atención a: LCP (Largest Contentful Paint) y CLS (Cumulative Layout Shift)
2. Usa GTmetrix
- Visita:https://gtmetrix.com/
- Ingresa la URL de tu sitio web
- Selecciona el nodo de prueba (elige el nodo más cercano a tus usuarios objetivo)
- Revisa el tiempo de carga completa, el tamaño de la página y el número de solicitudes
3. Prueba real (la más importante)
- Accede a tu sitio web usando la red 4G de tu móvil
- Mide el tiempo desde que haces clic en el enlace hasta que ves la página completa
- Pregunta a 5 amigos: “¿Qué te parece la velocidad de carga de este sitio web?”
Recomendaciones para pruebas comparativas:
Si quieres hacer pruebas comparativas como yo:
- Crea dos sitios de prueba en el mismo servidor
- Instala diferentes temas/soluciones en cada uno
- Crea páginas con contenido exactamente igual
- Instala los mismos plugins esenciales
- Prueba después de habilitar el caché en ambos
- Registra y compara los datos
Para finalizar: el rendimiento es solo una parte
El éxito de un sitio web depende de muchos factores, y el rendimiento es solo uno de ellos.
También debes considerar:
- Facilidad de uso¿Puedes actualizar el contenido fácilmente?
- Costo de mantenimiento¿Cuánto tiempo toma cada modificación?
- Escalabilidad¿Es fácil agregar nuevas funciones en el futuro?
- Soporte postventa¿Puedes resolver problemas rápidamente?
- Costo total de propiedadPrecio del tema + costo de plugins + tiempo de aprendizaje + tiempo de mantenimiento
No existe una solución perfecta, solo la que mejor se adapta a ti.
Si eres:
- Principiante técnico, con presupuesto limitado y necesidad de lanzar rápido→ Un tema ligero puede ser más adecuado
- Tienes requisitos de diseño, disposición a invertir tiempo de aprendizaje y buen rendimiento del servidor→ Un page builder puede ser más flexible
