Los 10 temas de WordPress más rápidos en 2023 (gratuitos y de pago)

¿Está buscando un tema rápido de WordPress para comenzar su próximo proyecto? Hicimos el trabajo pesado por ti y realizamos algunas pruebas de velocidad en los temas de WordPress más utilizados. En esta guía, compartimos el rendimiento de temas ligeros y más personalizables, como Divi o Avada. También le mostramos cómo optimizar su tema y hacer que su sitio web sea más rápido, lo que debería ayudarlo a elegir las herramientas adecuadas para su próximo proyecto de desarrollo.

Para nuestro análisis, hemos seleccionado los temas más populares en el mercado (gratuitos y de pago), y aquí está nuestra lista a continuación:

5 temas ligeros

1. Hola
2. Astra
3. OceanWP
4. GenerarPrensa
5. kadencia

5 temas que vienen con un creador de páginas

6. Avada (constructor de fusión)
7. Divi (constructor de divisiones)
8. BeTheme (BeBuilder)
9. El 7 (constructor de páginas de Elementor)
10. Saliente (creador de páginas de WPBakery)

Revisemos y repasemos los resultados de rendimiento de cada tema:

Los 10 temas de WordPress más rápidos + datos de prueba

1. hola

Un tema simple y gratuito desarrollado por Elementor y diseñado para su creador de páginas. Solo ocupa 6 kb de recursos de memoria, por lo que las opciones de personalización son limitadas si usa solo el tema.

Resultados de rendimiento para el tema Hola:

• Puntuación móvil de PageSpeed: 90/100
• Primera pintura con contenido: 3.1s
• Mayor pintura con contenido: 1,8 s
• Cambio de diseño acumulativo: 2,9 s
• Índice de velocidad: 1,4 s
• Tiempo para Interactivo: 1.4s
• Tiempo total de bloqueo: 0 ms
• Tiempo total de carga: 2,2 s
• Tamaño total de la página: 990 KB
• Solicitudes HTTP: 13

2. Astra

Astra es uno de los temas gratuitos de WordPress más populares debido a su código liviano, funciones fáciles de usar y miles de plantillas listas para usar.

Resultados de rendimiento para el tema Astra:

• Puntuación móvil de PageSpeed: 91/100
• Primera pintura con contenido: 2.1s
• Mayor pintura con contenido: 1,9 s
• Cambio de diseño acumulativo: 2,8 s
• Índice de velocidad: 1,3 s
• Tiempo para Interactivo: 1.4s
• Tiempo total de bloqueo: 0 ms
• Tiempo total de carga: 2,1 s
• Tamaño total de la página: 890 KB
• Solicitudes HTTP: 12

3. OceanWP

Ligero y altamente extensible, le permitirá crear casi cualquier tipo de sitio web. Es un tema totalmente receptivo que se ve muy bien en dispositivos móviles y tiene sus propias herramientas de traducción. Tiene muchas plantillas creadas con Gutenberg (el editor de WordPress) y constructores populares como Elementor o Beaver Builder.

Resultados de rendimiento para el tema OceanWP:

• Puntuación móvil de PageSpeed: 88/100
• Primera pintura con contenido: 1.1s
• Pintura con mayor contenido: 2,9 s
• Cambio de diseño acumulativo: 1,8 s
• Índice de velocidad: 2,3 s
• Tiempo para Interactivo: 1.4s
• Tiempo total de bloqueo: 0 ms
• Tiempo total de carga: 3,2 s
• Tamaño total de la página: 996 KB
• Solicitudes HTTP: 13

4. Generar Prensa

GeneratePress es un tema liviano creado con un enfoque en la usabilidad y la velocidad (una instalación nueva de GeneratePress agrega menos de 10 kb al tamaño de su página). El tema aprovecha al máximo el editor de bloques (Gutenberg), que le brinda más control sobre la creación de su contenido.

Resultados de rendimiento para el tema GeneratePress:

• Puntuación móvil de PageSpeed: 86/100
• Primera pintura con contenido: 3.3s
• Mayor pintura con contenido: 1,7 s
• Cambio de diseño acumulativo: 2,8 s
• Índice de velocidad: 1,3 s
• Tiempo para Interactivo: 2.5s
• Tiempo total de bloqueo: 0 ms
• Tiempo total de carga: 3,1 s
• Tamaño total de la página: 890 KB
• Solicitudes HTTP: 12

5. Kadencia

Kadence Theme es un tema de WordPress liviano pero con todas las funciones para hermosos sitios de carga rápida. El desarrollador hizo que las demostraciones fueran accesibles y creó un generador de encabezado y pie de página de arrastrar y soltar para crear cualquier tipo de encabezado en minutos. La biblioteca de plantillas multipropósito tiene diferentes diseños que pueden adaptarse a cientos de proyectos.

Resultados de rendimiento para el tema Kadence:

• Puntuación móvil de PageSpeed: 89/100
• Primera pintura con contenido: 3.1s
• Mayor pintura con contenido: 1,9 s
• Cambio de diseño acumulativo: 2,9 s
• Índice de velocidad: 1,3 s
• Tiempo para Interactivo: 1.7s
• Tiempo total de bloqueo: 0,3 ms
• Tiempo total de carga: 2,8 s
• Tamaño total de la página: 898 KB
• Solicitudes HTTP: 10

6. Avada (+ Constructor de fusión)

El tema número 1 en ventas en Envato durante años. Hay miles de plantillas fáciles de personalizar en la biblioteca. Es un creador de sitios web que le permite crear su sitio desde el encabezado hasta el pie de página, gracias al poderoso Fusion Builder. Avada es 100 % mantenida internamente por el mismo equipo y no depende de herramientas de terceros.

Resultados de rendimiento para el tema Avada:

• Puntuación móvil de PageSpeed: 87/100
• Primera pintura con contenido: 3.1s
• Pintura con contenido más grande: 1,5 s
• Cambio de diseño acumulativo: 1,7 s
• Índice de velocidad: 1,5 s
• Tiempo para Interactivo: 2.4s
• Tiempo total de bloqueo: 0 ms
• Tiempo total de carga: 2,4 s
• Tamaño total de la página: 998 KB
• Solicitudes HTTP: 12

7. Divi (+Constructor de Divi)

Divi es un tema poderoso gracias a su constructor visual de páginas. Elegant Themes fue una de las primeras empresas en llevar WYSIWYG a WordPress. Puede construir todo visualmente usando el marco Divi sin tocar una sola línea de código (y sin instalar y configurar ningún complemento para traer funciones adicionales).

Resultados de rendimiento para el tema Divi:

• Puntuación móvil de PageSpeed: 84/100
• Primera pintura con contenido: 4.1s
• Mayor pintura con contenido: 1,1 s
• Cambio de diseño acumulativo: 1,8 s
• Índice de velocidad: 1,4 s
• Tiempo para Interactivo: 1.1s
• Tiempo total de bloqueo: 0,1 ms
• Tiempo total de carga: 3,1 s
• Tamaño total de la página: 1,2 MB
• Solicitudes HTTP: 14

8. BeTheme (+BeBuilder)

BeTheme es un creador de sitios web multipropósito y el tema de WordPress más vendido con más de 650 sitios web preconstruidos (con diseños muy modernos y de tendencia). Su BeBuilder también es totalmente compatible con WooCommerce, y recientemente lanzaron un generador de consultas para crear sitios web dinámicos.

Resultados de rendimiento para el tema BeTheme:

• Puntuación móvil de PageSpeed: 80/100
• Primera pintura con contenido: 4.1s
• Pintura con mayor contenido: 2,9 s
• Cambio de diseño acumulativo: 3,8 s
• Índice de velocidad: 1,9 s
• Tiempo para Interactivo: 1.4s
• Tiempo total de bloqueo: 0,2 ms
• Tiempo total de carga: 4,1 s
• Tamaño total de la página: 1,4 MB
• Solicitudes HTTP: 15

9. The7 (+ Elementor)

Son los temas de Elementor #1 en ventas que ofrecen mucha personalización desde el tablero de WordPress. The7 tiene más de 60 sitios web ficticios prediseñados con plantillas exclusivas para Elementor, WPBakery Page Builder y Slider Revolution.

Resultados de rendimiento para el tema The7:

• Puntuación móvil de PageSpeed: 81/100
• Primera pintura con contenido: 2,4 s
• Mayor pintura con contenido: 1,8 s
• Cambio de diseño acumulativo: 2,9 s
• Índice de velocidad: 1,1 s
• Tiempo para Interactivo: 1.2s
• Tiempo total de bloqueo: 0 ms
• Tiempo total de carga: 3,8 s
• Tamaño total de la página: 1,1 MB
• Solicitudes HTTP: 16

10 Saliente (+ versión personalizada de WPBakery Page Builder)

Salient ofrece acceso a una biblioteca de plantillas profesionales con más de 400 para elegir. Han tomado el generador de páginas WP Bakery Bakery como base y le han agregado algunas características adicionales. Finalmente, Salient tiene una calificación promedio de 4.8 de 5 basada en 5700 calificaciones en Themeforest.

Resultados de rendimiento para el tema Salient:

• Puntuación móvil de PageSpeed: 82/100
• Primera pintura con contenido: 2,5 s
• Mayor pintura con contenido: 1,7 s
• Cambio de diseño acumulativo: 1,8 s
• Índice de velocidad: 1,9 s
• Tiempo para Interactivo: 1.2s
• Tiempo total de bloqueo: 0,35 ms
• Tiempo total de carga: 3,8 s
• Tamaño total de la página: 987 KB
• Solicitudes HTTP: 13

Tabla de resultados de la prueba

A continuación, encontrará un resumen de los resultados de rendimiento de cada tema. Usamos el KPI "Puntuación móvil de PageSpeed" para clasificarlos, pero la métrica de la página de carga total también es importante, así que no olvide mirar esa fila.

temas ligeros

Temas que vienen con un creador de páginas

Del mismo modo, la clasificación se basa en la puntuación móvil de PageSpeed.

Conclusiones clave:

• Todos los temas van de aceptables a muy buenos para su calificación en PageSpeed ​​Insights. Los hay en naranja o en verde, no los hay en rojo en cuanto a rendimiento.
• Astra parece ser el más rápido de los temas ligeros, con un 91/100 en dispositivos móviles y una carga de página de 2,1 s.
• Avada (con su propio constructor) también llega a la parte superior de la lista con un 87/100 en dispositivos móviles y una carga de página de 2,4 s.

Cómo probamos los temas

Nuestra selección se basó en la popularidad de 2023, la gran cantidad de descargas o ventas en Envato y las revisiones de calidad. Luego ejecutamos una auditoría a través de las siguientes herramientas de rendimiento:

Con la tecnología de Lighthouse, PageSpeed ​​Insights y GTmetrix, ambos analizan el rendimiento y la experiencia del usuario de su sitio web. Los KPI más importantes son Core Web Vitals, que vienen con un informe detallado sobre el rendimiento de sus páginas y cuáles son las áreas de mejora. Es por eso que hemos incluido las siguientes 10 métricas en nuestras pruebas, medidas en dispositivos móviles :

De PageSpeed ​​Insights:

• Puntuación móvil de PageSpeed
• Primera pintura con contenido
• Pintura con contenido más grande
• Cambio de diseño acumulativo
• Índice de velocidad
• Tiempo para interactivo
• Tiempo total de bloqueo

De GTmetrix:

• Tiempo total de carga
• Tamaño de página total
• Solicitudes HTTP

Luego, elegimos 10 temas que dividimos en dos categorías:

#1 Los temas gratuitos y livianos que vienen con un enfoque minimalista y son más como un lienzo básico para iniciar un sitio web:

• Hola
• Astra
• OceanWP
• GenerarPrensa
• kadencia

#2 La otra categoría contiene los temas "más pesados" que vienen con su propio creador de páginas. Pensamos que comparar Avada (y su generador Fusion) con un tema liviano como Astra sería injusto. Entonces, los temas para la segunda categoría son los siguientes:

• Avada (constructor de fusión)
• Divi (constructor de divisiones)
• BeTheme (BeBuilder)
• The 7 (creador de páginas de Elementor/WP Bakery)
• Saliente (creador de páginas de WPBakery)

Los sitios de prueba

Para la primera categoría, construimos un sitio de prueba realista utilizando el Editor de WordPress y usamos los bloques para crear un banner de héroe con un botón, 5 testimonios con imágenes, 1 llamado a la acción (sección completa con una imagen), 4 íconos y texto, 2 títulos y 2 subtítulos y 8 servicios con imágenes.

Para la segunda categoría, nos aseguramos cada vez de construir una página con elementos similares presentes en cada constructor: un banner de héroe con una imagen y un botón, 3 servicios con ícono y textos, 2 imágenes (reutilizamos lo mismo), 2 elementos de texto, 3 listas de iconos y una sección de llamada a la acción con encabezado, subtítulo y botón (sección completa).

Siguiendo los mismos escenarios de prueba y el mismo contenido para cada tema, podríamos realizar un análisis de comparación de rendimiento justo. Hicimos una nueva instalación para cada tema y usamos el mismo servidor para las pruebas de velocidad de cada tema.

Dé un impulso adicional al rendimiento con WP Rocket

WP Rocket es uno de los mejores complementos de almacenamiento en caché para WordPress que puede optimizar cualquier tema con unos pocos clics. También mejora el rendimiento de su sitio y su Core Web Vitals.

Para comprender el gran impacto de WP Rocket en la velocidad, veámoslo en acción con BeTheme, que fue el tema "más lento" en nuestras pruebas.

Para que conste, hubo algunos problemas señalados por Lighthouse, enumerados en la pestaña "Oportunidades":

Las recomendaciones incluyen el uso del almacenamiento en caché, la habilitación de la compresión de texto, la reducción de CSS/JS no utilizados y el aplazamiento de imágenes fuera de pantalla.

Activamos WP Rocket en ese sitio de prueba y notamos una gran mejora:

Todos nuestros KPI de rendimiento también mejoraron gracias a WP Rocket, que también mejoró la puntuación de PageSpeed ​​Insights (mi sitio pasó a verde con una puntuación de 98/100).

WP Rocket también aumentó la puntuación de Core Web Vitals y redujo el tiempo total de carga (de 4,1 s a 2,1 s). WP Rocket también redujo el tamaño de la página y la cantidad de solicitudes HTTP:

* Núcleo web vitales

Para corregir todas las advertencias de PageSpeed ​​Insights y aumentar los KPI de rendimiento, activamos las siguientes funciones de WP Rocket:

• Implemente el almacenamiento en caché y la compresión de texto al activar el complemento:

También puede modificar sus propias opciones desde la pestaña de caché en el administrador de WordPress:

• La pestaña de optimización de archivos para reducir el CSS no utilizado (entre otras funciones de optimización de CSS):

• Una subsección dedicada para optimizar JS:

• La característica de carga diferida para diferir imágenes fuera de pantalla (y cargar solo las imágenes ubicadas arriba del pliegue):

¿Cuál es el mejor tema para ti?

Es casi imposible sugerirle un solo tema, ya que depende de sus necesidades específicas y del resumen de su cliente, pero aquí hay algunas conclusiones:

• Si tiene un cliente dispuesto a hacerse cargo de su sitio web, actualizar el contenido y acceder al panel de control de WordPress, entonces elegir un tema con un creador de páginas puede ser más fácil (como BeTheme o el 7).
• Si eres un profesional independiente que busca un tema con demostraciones muy diseñadas para diferentes industrias, entonces Divi y BeTheme pueden ser tus mejores opciones.
• Si planea crear un sitio avanzado de WooCommerce con miles de productos, un tema ligero como Astra puede ser más inteligente. Además, viene con funciones avanzadas de WooCommerce.
• Si necesita crear sus propios formularios y diseños de productos y agregar datos dinámicos a su sitio web, entonces un tema incluido con Elementor Pro es una excelente opción. Elementor fue una de las primeras empresas en lanzar el constructor WooCommerce, lo que le permite crear su propia plantilla de producto y página de compra en muy poco tiempo.
• Si está dudando entre algunos temas , instale una de sus demostraciones y mírelas en el móvil. La capacidad de respuesta debe ser esencial al construir un sitio web.
• Si eres una agencia web y de diseño , Divi ofrece Divi Cloud, donde puedes almacenar fácilmente tu proyecto y compartirlo con el equipo. La colaboración y las posibles modificaciones se pueden hacer más rápido desde cualquier lugar.

Finalmente, elija un tema con soporte rápido, actualizaciones recientes y documentación precisa. Por ejemplo, OceanWP tiene una academia que ofrece seminarios web y tutoriales para usar el tema al máximo.

Terminando

Ahora, debería poder decidir y elegir el tema de WordPress adecuado para su próximo proyecto. Y recuerda, no importa qué tema elijas para tu próximo proyecto, WP Rocket es la forma más fácil de mejorar la velocidad de tu sitio de WordPress y pasar las auditorías de rendimiento en PageSpeed ​​Insights.