Los 7 mejores temas de WordPress para Good Core Web Vitals (Clasificación 2023)
Publicado: 2023-03-14Hay más de 10 500 temas gratuitos disponibles en el repositorio de WordPress.
Y el número sigue creciendo día a día.
Entonces, ¿cómo podría identificar los mejores? ¿Se supone que debe probar todos los temas que le gustan y comparar todas las métricas de rendimiento, puntajes y milisegundos?
Seamos honestos: no parece una tarea en la que quieras pasar todo el día.
¡Especialmente cuando lo hicimos por ti!
Entonces, en lugar de perder el tiempo activando, desactivando, probando, anotando los resultados y comparando, siga leyendo para descubrir los 7 temas de WordPress que se destacaron después de nuestra investigación y pruebas exhaustivas.
Cómo probamos los mejores candidatos de temas de WordPress para Good Core Web Vitals
Nota: La mejor manera de aproximarse al rendimiento de un tema en el mundo real sin generar tráfico era confiar en Core Web Vitals basado en laboratorio. Nuestra experiencia muestra que los temas que pasan LCP, CLS y TBT en el laboratorio tienen mayores posibilidades de reproducir los mismos buenos resultados en el campo.
Comenzamos nuestra investigación recopilando una gran cantidad de temas con los que nuestros desarrolladores de WordPress trabajaron en el pasado, junto con temas basados en su popularidad en el repositorio de WP.
Luego, comenzamos el proceso de prueba de larga velocidad:
- Instale y active el tema en una instalación de WordPress en blanco.
- Deje el tema como está: sin contenido, menús, páginas, publicaciones ni complementos agregados.
- Ejecute el sitio web con el tema a través de PageSpeed Insights de Google.
- Ejecute el tema a través de GTmetrix.
- Ejecute el tema a través de la prueba de velocidad de Pingdom.
- Reúna todos los resultados y compárelos.
Hemos decidido utilizar tres herramientas de prueba porque cada una tiene diferentes estándares y métricas. Queríamos asegurarnos de que una herramienta no diera mejores o peores resultados que otra.
En cada herramienta, hemos decidido monitorear métricas específicas:
Perspectivas de PageSpeed
PageSpeed Insights (PSI) de Google es la herramienta de referencia para probar la velocidad y Core Web Vitals de un tema. Teniendo en cuenta que no teníamos tráfico del mundo real, nos enfocamos en el puntaje de rendimiento y sus métricas tanto en dispositivos móviles como de escritorio.
Estas son las métricas en las que nos enfocamos:
- Puntuación de rendimiento . Está sobre 100 y se basa en las siguientes métricas: LCP, CLS, índice de velocidad, TBT y FCP. Cada métrica tiene un peso diferente.
- Primera pintura con contenido. FCP es el tiempo que tarda el navegador en visualizar la primera parte del contenido DOM.
- La pintura con contenido más grande. LCP mide el tiempo que tarda en cargarse en una página el elemento más grande de la mitad superior de la página.
- Índice de velocidad . Muestra la rapidez con la que se rellenan visiblemente los contenidos de una página. Más bajo es mejor.
- Tiempo total de bloqueo. Muestra cuán insensible es una página antes de que se vuelva completamente interactiva.
- Cambio de diseño acumulativo. CLS mide cuánto afectan los cambios de diseño inesperados a la experiencia del usuario en una página.
GTmetrix
GTmetrix analiza la velocidad y la optimización de un sitio web, lo que lo convierte en una herramienta valiosa para identificar problemas de rendimiento y determinar si un tema contiene una cantidad excesiva de archivos innecesarios.
Las métricas en las que nos dividimos fueron:
- Grado GTmetrix. Es una calificación ponderada de las puntuaciones de rendimiento y estructura.
- Puntuación de rendimiento. Es la puntuación de rendimiento de Lighthouse, capturada por GTmetrix, con sus auditorías personalizadas, opciones de análisis, navegador y especificaciones de hardware.
- Puntuación de la estructura . Es una evaluación patentada de las auditorías Lighthouse y Custom GTmetrix. Representa qué tan bien se construye un tema/página para un rendimiento óptimo.
- vitales web. Métricas Core Web Vitals basadas en laboratorio que miden si un tema/página ofrece una excelente experiencia general.
- Tiempo de carga. El tiempo que tarda una página web en cargarse por completo.
Pingdom
Aunque Pingdom comparte similitudes con GTmetrix, preferimos usar ambas herramientas al mismo tiempo, ya que proporcionan métricas diferentes. Además, Pingdom ofrece una manera fácil de probar una página web desde diferentes ubicaciones.
Todos los temas han sido probados desde América del Norte - EE. UU. - Washington DC
Métricas que hemos monitoreado:
- Calificación de desempeño Esta es una calificación acumulativa de 100.
- Tiempo de carga. La cantidad de tiempo que tarda Pingdom en cargar todo el sitio web con un tema instalado.
- Tamaño de página. El tamaño de todos los archivos del sitio de la página. El tema tiene un gran impacto en este.
- Peticiones. El número de solicitudes del servidor para entregar el tema y el contenido del sitio al usuario.
Resumen rápido de los temas de WordPress con mejor rendimiento
Antes de profundizar en cada tema, sus características, precios y puntajes de rendimiento, aquí hay un resumen de nuestras pruebas.
Nota: La siguiente clasificación se basa en los resultados de Pingdom y, más específicamente, en el tamaño de la página y el tiempo de carga. Más adelante en el artículo, revisamos cada tema y sus resultados CWV.
- Veinte veintitrés –Tamaño de la página:26,3 KB;Tiempo de carga:520ms
- Hola Elementor –Tamaño de la página: 32,7 KB;Tiempo de carga:520ms
- GeneratePress –Tamaño de la página: 37,7 KB;Tiempo de carga:538ms
- Neve –Tamaño de página: 42.4KB;Tiempo de carga:552ms
- Sídney –Tamaño de la página: 48,1 KB;Tiempo de carga:560ms
- Astra –Tamaño de la página: 48,5 KB;Tiempo de carga:619ms
- Kadence –Tamaño de la página: 54,8 KB;Tiempo de carga:628ms
Los mejores temas de WordPress para pasar Core Web Vitals en 2023
Funciones, precios, resultados de rendimiento: comencemos con una descripción detallada de cada contendiente.
1. Veinte veintitrés - Mejores amigos con Gutenberg
El tema predeterminado Twenty Twenty-Three se ha desarrollado para usar las últimas herramientas de diseño introducidas en WordPress 6.1.
El tema utiliza una base simple y ordenada y proporciona diez variaciones de estilo distintas aportadas por la comunidad de WordPress.
Twenty Twenty-Three le permite crear fácilmente un sitio web de cualquier nivel de complejidad, ya sea utilizando los estilos prediseñados o adoptando un enfoque más práctico y personalizándolo a su gusto.
Lo que llama la atención del último tema predeterminado de WordPress es su simplicidad y ligereza. Twenty Twenty-Three es flexible y se adapta perfectamente a las funciones de edición del sitio de Gutenberg, como la edición de plantillas, las variaciones de estilo, la tipografía y los patrones de bloques.
Precio: Gratis
Instalaciones activas: 800.000+
Mejores características: diseño minimalista, estilos livianos y prediseñados
Adecuado para: entorno de prueba y creación de una variedad de sitios web
Lo que mostraron nuestras pruebas
Twenty Twenty-Three logró resultados notables en las tres pruebas. Más importante aún, su Core Web Vitals basado en laboratorio estaba en verde, un requisito previo para un excelente rendimiento en el mundo real.
En PSI, obtuvo una puntuación perfecta en dispositivos móviles y de escritorio, logrando 100/100 en ambas pruebas. También obtuvo una calificación A en GTmetrix (98 % de puntaje de rendimiento, 100 % de puntaje de estructura) con 1,4 s de tiempo de carga.
Nuestras pruebas de Pingdom confirmaron la etiqueta "ligera" de Twenty Twenty-Three. Con un tamaño de página de solo 26,3 KB, este tema fue el claro ganador de todos los que probamos.
2. Hello Elementor - El comercio electrónico ir a
Elementor es utilizado por el 8,0 % de todos los sitios web, lo que no sorprende teniendo en cuenta lo fácil que es crear una página web. Bueno, los mismos desarrolladores responsables de crear uno de los creadores de páginas más populares han producido un tema rápido y liviano llamado Hello Elementor.
Se anuncia que el tema es rápido y flexible. Como era de esperar, se integra a la perfección con Elementor y muchos otros complementos, como WooCommerce, Advanced Custom Fields, Yoast y otros.
Además, ofrece más de 100 diseños listos para usar, lo que le permite crear un sitio web perfectamente funcional desde cero.
Precio: Gratis
Instalaciones activas: 1+ millón
Mejores características: Ligero, más de 100 diseños listos para usar, personalizable
Adecuado para: Construir un sitio web desde cero
Lo que mostraron nuestras pruebas
Al igual que Twenty Twenty-Three, Hello Elementor obtuvo excelentes resultados de CWV tanto en computadoras de escritorio como en dispositivos móviles.
Obtuvo una puntuación perfecta en GTmetrix y Pingdom. De hecho, nuestras pruebas de Pingdom lo clasificaron como el segundo tema más liviano, con un tiempo de carga de 520 ms, el mismo que el tema predeterminado de WordPress.
Debe tener en cuenta que, aunque se comercializa como liviano, Hello Elementor no se puede personalizar por sí mismo. Deberá agregar Elementor como una solución de creación de páginas, lo que podría afectar el rendimiento de su sitio web.
3. GeneratePress - El basado en bloques
GeneratePress es un tema de WordPress diseñado para priorizar la velocidad, la usabilidad y la accesibilidad.
Su utilización de Gutenberg te garantiza libertad a la hora de crear tus contenidos. Si usa creadores de páginas, le encantaría saber que GeneratePress es totalmente compatible con todos los principales, incluidos Beaver Builder y Elementor.
GeneratePress es totalmente receptivo y se ha traducido a más de 25 idiomas. Además, incluye más de 60 controles de color, potente tipografía dinámica, 5 ubicaciones de navegación, 5 diseños de barra lateral, menús desplegables y 9 áreas de widgets.
Precio: Gratis; $59/anual, $249/de por vida
Instalaciones activas: 500.000+
Mejores características: Orientado a la velocidad, receptivo, compatible con los creadores de páginas
Adecuado para: todo tipo de sitios web
Lo que mostraron nuestras pruebas
Una cosa que nos llamó la atención al buscar temas fue la declaración de GeneratePress "100% Page Scores". Así que estábamos ansiosos por probar eso.
Podemos decir que GeneratePress habló y caminó. Obtuvo puntuaciones de rendimiento casi perfectas en las tres pruebas:
Cuando se trata del tamaño de página, nos sorprendieron los resultados. Al ejecutar nuestro sitio web a través de Pingdom, el tamaño de la página llegó a 37,7 KB, un poco diferente de los "7,5 KB" que prometen en su sitio web.
4. Neve - La versátil
Neve es un tema versátil y rápido que se puede personalizar para varios propósitos. Es ideal para blogueros, pequeñas empresas, nuevas empresas, agencias, firmas y tiendas de comercio electrónico que utilizan el escaparate de WooCommerce, sitios de carteras personales y varios otros proyectos.
Está optimizado para AMP y capacidad de respuesta, lo que garantiza tiempos de carga rápidos y una visualización óptima en cualquier dispositivo. Aunque tiene un diseño minimalista, Neve se puede ampliar fácilmente y presenta un código altamente optimizado para SEO que puede resultar en las mejores clasificaciones de búsqueda de Google.
Neve también es compatible con Gutenberg y creadores de páginas populares como Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin y Divi.
Precio: Gratis; $69/año; $149/año; $249/año
Instalaciones activas: 300.000+
Mejores características: diseño receptivo, optimizado para SEO y minimalista
Adecuado para: una amplia gama de propósitos y sitios
Lo que mostraron nuestras pruebas
Con respecto a Core Web Vitals y puntajes de rendimiento, Neve es tan bueno como las opciones anteriores.
La razón por la que ocupa el cuarto lugar en nuestra lista es el tamaño de la página y el tiempo de carga, pero eso no debería impedir que lo pruebes.
Uno de los beneficios de Neve es que emplea Vanilla JS en lugar de un marco como JQuery. Esto contribuye a una mejora en el rendimiento y da como resultado un sitio web más receptivo.
5. Sídney: a los autónomos les encanta
Sydney es un tema robusto que permite a las empresas o autónomos establecer rápidamente una notable presencia en línea.
Este tema es totalmente compatible con Elementor y ofrece varias opciones de personalización, incluido el acceso a todas las fuentes de Google, control de color completo, control de diseño, carga de logotipos, control deslizante de pantalla completa, imagen de encabezado, navegación fija y muchas otras funciones.
Además, Sydney proporciona todos los componentes básicos necesarios para crear rápidamente una página atractiva.
Precio: Gratis; $69/anual, $99/año; $199/de por vida
Instalaciones activas: 100.000+
Mejores características: Acceso a Google Fonts, control de color
Adecuado para: sitios web de negocios
Lo que mostraron nuestras pruebas
Después de completar una instalación nueva de Sydney, probamos el rendimiento del tema.
Los resultados:
Tiene todos los ingredientes para construir un sitio web que satisfaga a sus visitantes y motores de búsqueda.
En términos de velocidad y Core Web Vitals, Sydney se clasifica igual que los otros temas. Sin embargo, el tamaño total de la página es dos veces mayor (48,1 KB) que el de Twenty Twenty-Three.
6. Astra - Conocido por todos, amado por todos
Astra es el tema de WordPress más popular. Es rápido, totalmente personalizable y visualmente atractivo, lo que lo convierte en una opción adecuada para varios propósitos, como blogs, carteras personales, sitios web comerciales y escaparates de WooCommerce.
Astra también está diseñado para ser liviano, con un tamaño de interfaz de menos de 50 KB, lo que contribuye a su velocidad sin precedentes. El tema se creó teniendo en cuenta el SEO, integrando el código de Schema.org y la compatibilidad con AMP nativo para mejorar la visibilidad de su sitio en los motores de búsqueda.
Además, Astra ofrece funciones y plantillas únicas compatibles con los creadores de páginas populares como Elementor, Beaver Builder, Visual Composer, SiteOrigin y Divi, lo que garantiza una integración perfecta con su creador de páginas preferido.
Precio: Gratis; $47/anual, $137/año; $187/año; opciones de por vida disponibles
Instalaciones activas: 1+ millón
Mejores características: sitios web preconstruidos, múltiples opciones personalizables, rápido
Adecuado para: Todos los sitios web
Lo que mostraron nuestras pruebas
Contrariamente a nuestras expectativas, Astra no se desempeñó tan bien como pensábamos. Sí, los puntajes móviles de PSI fueron excelentes, pero mostraron resultados por debajo del promedio en computadoras de escritorio.
Además, fue sorprendente que obtuvo solo un puntaje de rendimiento del 85% en GTmetrix. Sin embargo, todas las demás métricas fueron similares a las de los líderes de nuestro ranking.
7. Kadence - El favorito discreto
Kadence es un tema de WordPress que es liviano y está repleto de funciones, lo que le permite crear sitios web hermosos, de carga rápida y accesibles con facilidad.
Una de sus características notables es un generador intuitivo de encabezado y pie de página de arrastrar y soltar que le permite construir cualquier tipo de encabezado en cuestión de minutos. El tema también cuenta con una biblioteca completa de asombrosas plantillas de inicio que se pueden personalizar fácilmente con la ayuda de controles globales inteligentes de fuente y color.
Además, el tema Kadence es altamente compatible con los complementos de terceros más populares, lo que le permite desarrollar rápidamente impresionantes sitios web de comercio electrónico, sitios web de cursos, sitios web comerciales y otros tipos de sitios.
Precio: Gratis; $129/primer año, $199/primer año
Instalaciones activas: 200.000+
Mejores características: arrastrar y soltar intuitivo, plantillas de inicio, mentalidad de rendimiento
Adecuado para: todo tipo de sitios web
Lo que mostraron nuestras pruebas
Kadence tiene un tamaño de página predeterminado de 54,8 KB. Si bien es el más grande del grupo, logró sobresalir en ambas pruebas de PSI y obtuvo una A en GTmetrix.
Teniendo en cuenta cuánto incluye este tema, eso podría mejorarse drásticamente con algo de optimización y un buen complemento de optimización de la velocidad del sitio.
¿Qué tema debo instalar?
Todos ellos.
Sí, has leído bien.
Redujimos nuestra lista a solo 7 temas porque queríamos brindarle un pequeño grupo de opciones que puede probar por su cuenta.
Es mucho más rápido y fácil pasar por siete temas usted mismo en lugar de abrumarlo con una lista masiva de más de 50 temas.
Creemos que los que se incluyeron en este artículo ofrecen la mejor base para construir y tener un sitio web de buen rendimiento.
Y hacemos hincapié en la base.
En nuestra investigación, probamos los temas sin ningún contenido ni complementos añadidos encima de ellos.
Por lo tanto, recomendamos probarlos todos, jugar con sus funciones de personalización, agregar contenido e instalar un par de complementos.
Luego, pruebe y vea qué proporciona los mejores resultados según sus necesidades y requisitos específicos.
Cómo mejorar aún más su Core Web Vitals [Lista de verificación]
Construir sobre un tema de velocidad optimizada le dará una ventaja inicial en su viaje de Core Web Vitals.
Sin embargo, en muchos casos, depender únicamente de un tema rápido no es suficiente para obtener sus puntajes por encima de la línea.
Es por eso que hemos preparado una lista de verificación rápida de buenas prácticas que puede seguir para optimizar cada métrica de CWV:
1. Pintura con contenido más grande (LCP)
- Usa un tema ligero
- No infles tu sitio con complementos innecesarios
- Comprime tus imágenes
- Sirva imágenes en formatos de próxima generación
- Precarga tus imágenes de héroe
- Minimice y comprima sus archivos de código
- Implementar CSS crítico
- Usar un CDN
- Instalar un complemento de almacenamiento en caché
2. Primera demora de entrada (FID)
- Retrasar o eliminar scripts de terceros no críticos
- Minimice y comprima sus archivos de código
- Reducir CSS no utilizado
- Aplazar JavaScript no utilizado
3. Cambio de diseño acumulativo (CLS)
- Agregue atributos de ancho y alto a imágenes y videos
- Reserve espacio para anuncios, incrustaciones e iFrames
- Optimizar la entrega de fuentes
Si bien puede parecer mucho trabajo, los beneficios de aplicar todas estas mejores prácticas eventualmente conducirán a excelentes resultados comerciales en el mundo real.
Todo lo que tienes que hacer es optimizar una cosa a la vez.
O…