Soy fanático de Genesis Framework y lo he estado usando durante 3 o 4 años. Pero uno de nuestros clientes me dijo que echara un vistazo a GeneratePress o Astra . Son temas geniales y no están tan inflados como podría pensar.
Por lo general, los temas dirigidos a principiantes vienen con cientos de opciones. No son muy livianos pero no supongamos nada y probemos.
Compré las licencias para ambos temas y configuré algunos sitios de demostración. Importé contenido del blog de moda de mi esposa.
Pruebas iniciales
Usando GTMetrix, las pruebas iniciales se ven así:
Una instalación de WordPress con GeneratePress Premium tiene 33 KB y realiza 13 solicitudes. El tiempo de carga es de 0,7 segundos (elegí el mejor tiempo entre 3 pruebas).
Una instalación de WordPress con el tema Astra Pro tiene 92 KB y realiza 14 solicitudes. El tiempo de carga es de 0,9 segundos (el mejor de 3 pruebas).
Ambas son instalaciones simples de WordPress, sin complementos, pero instalé Gutenberg. Creo que es importante probar con Gutenberg activado ya que será parte de WordPress.
Parece que GeneratePress no carga jQuery y esa es la razón por la que tiene menos KB que Astra.
Construyendo un sitio web real
Eso es genial, pero quiero ver qué sucede cuando intento crear un sitio web real.
Así que instalaré más complementos, agregaré imágenes e intentaré crear un sitio web estilo mampostería, simplemente porque sí, para tener un objetivo claro.
Además, haré algunos pequeños ajustes, como lo haría al crear un sitio web real. Eso significa eliminar el wp-emoji y wp-integrar JS, optimizando imágenes y estoy usando el Complemento de caché Litespeed para optimizar CSS y JS y configurar
Personalizar
Comencemos a personalizar, haciendo exactamente los mismos cambios en ambos sitios:
- configurar un logotipo y un ícono del sitio
- configurar el diseño
- configurar los colores
Me gusta la simplicidad de trabajar en el Personalizador de WordPress. Es una gran dirección hacia donde van WordPress y los temas de WordPress, pero no es 100% para mí.
Me gusta configurar algunas cosas en el Personalizador. Pero para diseñar cada aspecto del sitio web allí, con demasiados clics del mouse, puedo sentir el síndrome del túnel carpiano en acción.
Parece redundante, tengo que configurar el mismo color en 3 o 4 lugares diferentes: el menú principal, el menú fijo, el menú móvil.
Es el mismo menú, ¿por qué tantos clics para configurar un color?
Me sentiría más cómodo en un editor de texto (yo uso Atom) buscando y reemplazando el código de color HEX. Pero esto demuestra que los temas, tanto Astra como GeneratePress, no están hechos para personas como yo, que se sienten cómodas con un editor de texto y saben qué es HEX.
publicación única
Están hechos para personas que desean crear un sitio web de manera muy sencilla, simplemente haciendo clic y configurando opciones.
Y con esta premisa en mente, creo que Astra es mejor porque no logré lo que quería con GeneratePress.
Lo que falta en GeneratePress es la posibilidad de personalizar el ancho del contenido de una sola publicación. Tienes que agregar CSS personalizado para que quede como deseas.
Esta imagen a continuación es como quería lucir. Astra lo hace casi bien. Quería un ancho de 700 px y en Astra hay un límite de 768 px, pero está bien.
En GeneratePress, por otro lado, la publicación única se parece a la imagen a continuación. El contenido se extiende a todo el ancho del contenedor. No puede configurarlo en el Personalizador, debe agregar CSS personalizado.
Además, Astra tiene un mejor estilo para la navegación, así como para la navegación de publicaciones únicas, sus estilos predeterminados son lo suficientemente buenos para mí. En GeneratePress necesitaría agregar más CSS para darle el estilo que quiero.
Entonces, si el objetivo es crear un sitio web sin tocar el código, GeneratePress falla allí.
Astra también tiene un mejor estilo para la navegación, así como para la navegación de publicaciones únicas, sus estilos predeterminados son lo suficientemente buenos para mí. En GeneratePress necesitaría agregar más CSS para darle estilo.
En general, ambos son buenos temas, ideales para principiantes que comienzan con WordPress.
Conclusión
Desde la perspectiva de la experiencia del usuario, me inclino ligeramente por Astra Pro. Me pareció menos trabajo lograr que se viera como pretendía. Tiene más opciones y controles más precisos, como espaciado y anchos personalizados.
Sin embargo, el efecto de mampostería es mejor en GeneratePress. Cambia de 3 columnas a 2 y luego a 1 a medida que la ventana gráfica se hace más pequeña. En Astra, cambia de 3 columnas directamente a 1 columna. Detalles menores, pero cuando quieres que tu sitio web tenga píxeles perfectos, es importante.
Desde una perspectiva de rendimiento, GeneratePress parece mejor, tiene archivos CSS y JS más pequeños y realiza menos solicitudes.
Una cosa que no sé evaluar es todo ese CSS inline que generan ambos temas, Astra más que GeneratePress.
¿Cuánto CSS en línea es demasiado? Si tiene datos sobre cómo esto podría afectar la velocidad, hágamelo saber en la sección de comentarios.
No veo un ganador claro, los resultados son contradictorios. A veces Astra es más rápido que GeneratePress, a veces es al revés.
La velocidad de carga es prácticamente la misma en ambos sitios de prueba, alrededor de 1,1 segundos.
Probé con GTMetrix, Pingdom Tools y Chrome DevTools (caché deshabilitado) con ambos sitios web de demostración en la misma cuenta de alojamiento compartido.
¿Qué opinas? ¿Qué tema prefieres?
Deja un comentario