Sou fã do Genesis Framework, uso-o há 3-4 anos. Mas um de nossos clientes me disse para dar uma olhada no GeneratePress ou no Astra . São ótimos temas e não são tão inchados quanto eu poderia pensar.
Normalmente, os temas voltados para iniciantes vêm com centenas de opções. Eles não são muito leves, mas não vamos presumir nada e testar.
Comprei as licenças para ambos os temas e configurei alguns sites de demonstração. Importei algum conteúdo do blog de moda da minha esposa.
Testes iniciais
Usando GTMetrix, os testes iniciais são assim:
Uma instalação do WordPress com GeneratePress Premium tem 33 KB e faz 13 solicitações. O tempo de carregamento é de 0,7 segundos (escolhi o melhor tempo entre 3 testes).
Uma instalação do WordPress com tema Astra Pro tem 92 KB e faz 14 solicitações. O tempo de carregamento é de 0,9 segundos (melhor de 3 testes).
Ambos são instalações simples do WordPress, sem plug-ins, mas eu instalei o Gutenberg. Acho importante testar com o Gutenberg ativado, pois ele fará parte do WordPress.
Parece que o GeneratePress não carrega o jQuery e é por isso que tem menos KB que o Astra.
Construindo um site real
Isso é ótimo, mas quero ver o que acontece quando tento construir um site real.
Então vou instalar mais plugins, adicionar imagens e tentar construir um site estilo alvenaria, só por fazer, para ter um objetivo claro.
Além disso, farei alguns pequenos ajustes, como faria ao construir um site real. Isso significa remover o wp-emoji e wp-incorporar JS, otimizando imagens e estou usando o Plug-in Litespeed Cache para otimizar CSS e JS e configurar
Personalizar
Vamos começar a personalizar, fazendo exatamente as mesmas alterações em ambos os sites:
- configurar um logotipo e ícone do site
- configurar o layout
- configurar as cores
Gosto da simplicidade de trabalhar no WordPress Customizer. É uma ótima direção para onde o WordPress e os temas do WordPress estão indo, mas não é 100% para mim.
Gosto de configurar algumas coisas no Customizer. Mas para projetar todos os aspectos do site ali – muitos cliques do mouse, posso sentir a Síndrome do Túnel do Carpo entrando em ação.
Parece redundante, tenho que definir a mesma cor em 3 ou 4 lugares diferentes – o menu principal, o menu fixo, o menu móvel.
É o mesmo menu, por que tantos cliques para definir uma cor?
Eu ficaria mais confortável em um editor de texto (eu uso o Atom) fazendo uma pesquisa e substituição pelo código de cores HEX. Mas isso prova que os temas, tanto Astra quanto GeneratePress, não são feitos para pessoas como eu, que se sentem confortáveis em um editor de texto e sabem o que é HEX.
Postagem única
Eles são feitos para pessoas que desejam construir um site com muita facilidade, apenas clicando e configurando opções.
E com essa premissa em mente, acho que o Astra é melhor porque não consegui realizar o que queria com o GeneratePress.
O que falta no GeneratePress é a possibilidade de personalizar a largura do conteúdo da postagem única. Você precisa adicionar CSS personalizado para deixá-lo do jeito que deseja.
Esta imagem abaixo é como eu queria ficar. Astra acerta quase. Eu queria uma largura de 700px e há um limite no Astra de 768px – mas está tudo bem.
No GeneratePress, por outro lado, a postagem única se parece com a imagem abaixo. O conteúdo se estende por toda a largura do contêiner. Você não pode configurá-lo no Personalizador, você precisa adicionar CSS personalizado.
Além disso, o Astra tem um estilo melhor para a navegação, bem como para a navegação de postagem única; seus estilos padrão são bons o suficiente para mim. No GeneratePress eu precisaria adicionar mais CSS para estilizá-lo da maneira que desejo.
Portanto, se o objetivo é construir um site sem mexer no código, o GeneratePress falha aí.
O Astra também tem um estilo melhor para a navegação, bem como para a navegação de postagem única; seus estilos padrão são bons o suficiente para mim. No GeneratePress eu precisaria adicionar mais CSS para estilizá-lo.
No geral, ambos são temas interessantes, ótimos para iniciantes que estão começando no WordPress.
Conclusão
Do ponto de vista da experiência do usuário, estou ligeiramente inclinado para o Astra Pro. Parecia menos trabalhoso para mim fazer com que ficasse como eu pretendia. Possui mais opções e controles mais precisos, como espaçamento e larguras personalizadas.
O efeito de alvenaria é melhor no GeneratePress. Ele muda de 3 colunas para 2 e depois para 1 conforme a janela de visualização fica menor. No Astra, muda de 3 colunas diretamente para 1 coluna. Pequenos detalhes, mas quando você deseja que seu site tenha pixels perfeitos, isso é importante.
Do ponto de vista do desempenho, o GeneratePress parece melhor, possui arquivos CSS e JS menores e faz menos solicitações.
Uma coisa que não sei avaliar é todo aquele CSS inline que os dois temas geram, Astra mais que GeneratePress.
Quanto CSS embutido é demais? Se você tiver dados sobre como isso pode afetar a velocidade, informe-me na seção de comentários.
Não consigo ver um vencedor claro, os resultados são conflitantes. Às vezes, o Astra é mais rápido que o GeneratePress, às vezes é o contrário.
A velocidade de carregamento é praticamente a mesma para ambos os locais de teste, cerca de 1,1 segundos.
Testei com GTMetrix, Pingdom Tools e Chrome DevTools (cache desativado) com ambos os sites de demonstração na mesma conta de hospedagem compartilhada.
O que você acha? Qual tema você prefere?
Deixe uma resposta