No passado, falamos sobre como o WordPress se encaixa com outros sistemas de gerenciamento de conteúdo populares como Drupal, Joomla, e até mesmo Squarespace. Mas e se você estiver tentando decidir entre WordPress e HTML estático para o seu site?
A um nível básico, isto é uma espécie de debate geral entre a utilização de um sistema de gestão de conteúdos baseado em bases de dados (como o WordPress) ou a escrita de todo o HTML/CSS por si próprio, juntamente com a possível utilização de uma estrutura.
Para ajudá-lo a tomar a sua decisão, explicaremos o significado destes termos e depois saltaremos para alguns dos prós e contras de cada abordagem.
Diferença entre WordPress e HTML Estático
No final, tudo sai como HTML no frontend. Ou seja, o código do seu site vai parecer algo assim, não importa se você está usando WordPress ou um site HTML estático:
A diferença importante está em como esse HTML vem à existência.
Com HTML estático, essa história é muito simples. Você, ou o seu desenvolvedor, escreve o código (incluindo o seu conteúdo). Depois, quando está no servidor, é sempre assim. Não há nenhum processamento de fundo em curso – o seu site está sempre ali na sua forma final.
O WordPress, por outro lado, é um sistema de gerenciamento de conteúdo que utiliza PHP e um banco de dados. Em termos simples, isso significa que quando alguém visita o seu site WordPress, o seu servidor “monta” o seu site por:
- Executando o código PHP para montar a versão HTML do seu site
- Consultar a sua base de dados para obter o conteúdo a inserir nesse HTML
O que é um Sistema de Gerenciamento de Conteúdo, então?
Acima, nós lhe dissemos que o WordPress é um sistema de gerenciamento de conteúdo, mas não explicamos o que isso significa. Um sistema de gerenciamento de conteúdo, muitas vezes abreviado como CMS, é um software que ajuda você a criar, gerenciar e modificar o conteúdo de um website sem a necessidade de interagir diretamente com o código.
Por exemplo, em vez de precisar adicionar seu conteúdo manualmente, formatando-o com HTML como você faria para um site HTML estático, você pode apenas inserir seu conteúdo usando o editor WordPress e o WordPress irá lidar com a exibição do mesmo em seu site:
Da mesma forma, se você quiser editar esse conteúdo em uma data posterior, você poderia simplesmente entrar e editá-lo usando esse mesmo editor, em vez de precisar editar diretamente o arquivo HTML estático no seu servidor.
Prós e Contras do WordPress
Vamos entrar em alguns dos prós e contras de um site HTML estático em um segundo, mas vamos começar com algumas das razões que mais de 42.7% de toda a Internet está agora usando o WordPress.
Gerenciamento de Conteúdo Sem Código
O maior benefício do WordPress é que ele pode eliminar quase completamente o código da gestão diária do seu site. Em vez disso, a maioria das ações que você vai querer realizar pode ser executada usando uma interface gráfica.
Com esta interface gráfica, você pode:
- Criar novo conteúdo
- Mude o aspecto do seu site
- Altere o funcionamento do seu site
- Configurar configurações SEO importantes
- Realizar muitas outras ações importantes
A menos que você viva e respire HTML/CSS (e provavelmente até mesmo se você o fizer), esta abordagem vai facilitar muito a gestão de todos os aspectos do seu site.
Fácil de Mudar a Aparência do Seu Site
Todo site WordPress precisa de algo chamado tema. O seu tema determina o aspecto do seu site no frontend. Para instalar um novo tema WordPress, você basicamente clica num botão ou carrega um único ficheiro e o seu site adopta instantaneamente esse estilo:
Por outro lado, com um site HTML estático, você controla a aparência do seu site usando o seu próprio CSS. Não só isso consome muito tempo para se configurar, como também será igualmente demorado se você quiser mudar radicalmente a aparência do seu site HTML estático no futuro. Sim, existem frameworks CSS que você pode usar para acelerar este processo, mas ainda requer mais trabalho e experiência para ser capaz de gerenciar.
Sabemos isso em primeira mão devido ao fato de que a maioria do site Kinsta foi criado com bons compromissos de ole Github (leitura sugerida: git vs Github). Sim, nós utilizamos um tema e uma estrutura WordPress, e nosso código está envolvido em funções WordPress, mas a maior parte do que você vê em nosso site foi criada por nossa equipe. Isto pode por vezes permitir uma maior flexibilidade, mas também requer ter programadores no pessoal. Se você quiser economizar tempo e não tiver desenvolvedores em tempo integral, ir com um tema WordPress pré-construído pode acelerar drasticamente o seu fluxo de trabalho.
Além disso, você precisa se preocupar em fazer com que todo o seu CSS reaja (também conhecido como CSS), enquanto quase todos os temas do WordPress são sensíveis por padrão hoje em dia.
Fácil de Adicionar Nova Funcionalidade
O WordPress também oferece algo chamado plugins que lhe permite estender facilmente a funcionalidade do seu site. Deseja adicionar um formulário de contato ao seu site? Com HTML estático, você precisará lidar com a validação e o que acontece com os dados que um usuário submete. Com o WordPress, basta instalar um plugin…
A diferença de dificuldade fica ainda maior com características maiores. Quer adicionar um fórum ao seu site? Boa sorte para fazeres isso por tua conta. Mas com o WordPress, você só precisa instalar um plugin para o fórum.
Você pode até mesmo fazer uma abordagem rápida sobre o eCommerce ou a funcionalidade de redes sociais.
Rápido Desenvolvimento e Mudanças
A combinação de temas e plugins, juntamente com a funcionalidade geral do WordPress como um sistema de gerenciamento de conteúdo, significa que você pode girar rapidamente até mesmo sites complicados.
HTML estático pode ser rápido para um site muito básico com apenas algumas páginas… mas se você precisar de alguma funcionalidade não padrão, o WordPress quase certamente vai permitir que você construa um site mais rápido.
Quer mais vantagens? Confira estas 10 boas razões pelas quais você deve usar o WordPress.
Você também pode estar interessado em 60 Ferramentas Incríveis de Desenvolvimento Web para serem utilizadas em 2024.
Há algum Inconveniente em usar o WordPress?
Você vai encontrar algumas pessoas dizendo coisas como “sites HTML estáticos carregam mais rápido” ou “sites HTML estáticos se classificam melhor no Google”. Mas parte disto deve ser tirada com um grão de sal. Embora seja verdade que o PHP e uma base de dados introduz tempo de carregamento adicional e atrasos, não é tão difícil obter tempos de carregamento do WordPress inferiores a um segundo – o que é bastante rápido.
Você deve se perguntar: vale a pena abrir mão das vantagens que o WordPress tem a oferecer? Além disso, o desempenho do PHP melhorou drasticamente ao longo dos últimos cinco anos. Em nossos recentes testes de benchmark do PHP, concluímos que o PHP 7.3 pode lidar com 3x mais pedidos (transações) por segundo do que o PHP 5.6. 🚀
Há também maneiras de negar facilmente os atrasos do PHP e das bases de dados, usando o cache para servir versões HTML estáticas das suas páginas. Isto significa que cada carregamento de página pode essencialmente carregar um raio rapidamente, tal como faria com um site HTML estático.
Qual é o impacto do cache em um site WordPress? Aqui está um teste rápido em um blog WordPress antes e depois do cache.
Sem Cache
Primeiro fizemos um teste com o cache desativado no blog do WordPress.
Como você pode ver, há um atraso significativo na primeira carga de HTML DOC. Isto é devido ao fato de não servir a partir do cache no servidor.
Com Cache
Depois fizemos um teste com o cache ativado no blog do WordPress. Nada mais foi mudado.
Como podem ver, há uma enorme melhoria. Na verdade, simplesmente servir a página inicial a partir do cache no servidor diminuiu o tempo de carga em 32,2%.
Kinsta trata automaticamente do cache no nível do servidor para todos os clientes de hospedagem de WordPress. Isto significa que não tem de se preocupar com plugins de cache de terceiros.
Também oferecemos o Edge Caching gratuitamente, uma funcionalidade que reduz o tempo necessário para servir o HTML em cache do WordPress em uma média de mais de 50%.
Quanto aos rumores sobre classificações, existem excelentes plugins de SEO para WordPress que permitem otimizar sua estratégia de SEO controlando todos os aspectos técnicos e de SEO da página do seu site. Se os sites WordPress realmente tivessem um desempenho pior do que os sites HTML estáticos nos rankings de busca, você não veria isso sendo usado por plataformas maciças como The Wirecutter ou TechCrunch.
Há algumas pequenas desvantagens, no entanto, e a primeira é a manutenção. Enquanto escolher uma hospedagem WordPress gerenciada com qualidade pode eliminar grande parte da pior manutenção, você ainda será responsável por garantir que o software principal do WordPress, plugins e temas sejam atualizados e compatíveis. Isto é bastante fácil hoje em dia, mas é algo que você não precisa fazer com um site HTML estático.
A segunda desvantagem seria provavelmente a qualidade. Devido à extrema popularidade do WordPress, há muitos plugins e temas ruins por aí. E as soluções gratuitas, às vezes, simplesmente deixam o mapa por completo. Ordenar através do mau para encontrar o bom pode ser demorado.
Prós e Contras de um Site HTML Estático
Você ouviu do WordPress – mas agora vamos investigar alguns dos prós e contras de um site HTML estático.
Não há Software Subjacente para Manter
Nós meio que conversamos sobre isso há um segundo atrás, mas vamos voltar a falar disso aqui rapidamente porque é um dos maiores benefícios do HTML estático.
Quando você usa WordPress e temas/plugins, você é responsável por atualizar todo aquele código subjacente e certificar-se de que não haja problemas de compatibilidade. Embora isto seja bastante simples (normalmente só precisa de clicar num botão), é algo que precisa de fazer para manter o seu site seguro e funcional.
Por outro lado, se você escreveu HTML estático limpo, você deve ser capaz de praticamente deixar as coisas em paz e nunca se preocupar com atualizações.
Acesso mais Fácil ao Código Subjacente
Enquanto o WordPress permite que você acesse todo o código subjacente ao seu site, um site HTML estático simplificará um pouco a inserção de certos tipos de marcação. Em vez de precisar lidar com arquivos de modelos temáticos e com o loop do WordPress, tudo está bem ali na sua frente.
Por exemplo, embora existam plugins de esquemas para WordPress, você pode controlar mais facilmente a marcação de esquemas em um site HTML estático.
Quais são as Desvantagens de Criar um Site HTML Estático?
Embora um site HTML estático seja certamente bom para um site básico, os principais problemas surgem quando você tenta aumentar a escala, seja em termos da quantidade de conteúdo ou funcionalidade.
A maioria destas desvantagens são simplesmente o oposto das vantagens do WordPress. Nomeadamente:
- Adicionar ou editar conteúdo não é fácil de usar porque você precisará escavar no código.
- A adição de novas funcionalidades requer que você mesmo as codifique.
- Mudar a aparência do seu site requer a reescrita do seu CSS.
Além disso, a menos que você mesmo saiba HTML/CSS, todas essas coisas também exigirão o pagamento de um desenvolvedor, enquanto o WordPress permitiria que você mesmo as fizesse, na maior parte do tempo.
Use o WordPress como um Gerador de Site Estático
Os geradores de sites estáticos diferem ligeiramente das duas opções acima, pois pegam o conteúdo de um sistema de gerenciamento de conteúdo, como o WordPress, combinam-no com um tema e geram páginas HTML estáticas. Jekyll é um dos mais populares, que você pode usar para hospedar todo o seu site ou blog nas Páginas GitHub e empurrar seu novo conteúdo com um único comando. O lado negativo? Não é fácil (para dizer o mínimo) configurá-lo, e mesmo para os desenvolvedores, pode consumir muito tempo.
Se você tiver uma tarde livre para aprender mais sobre Jekyll, então dê uma olhada neste artigo de Mike Neumegen. Alternativamente, um CMS de arquivo plano como Grav pode facilitar o gerenciamento de conteúdo, evitando a necessidade de uma base de dados.
Se você tem conhecimento técnico, é até possível obter o melhor dos dois mundos e usar o WordPress como um gerador de sites HTML estático. No entanto, você só tem que lembrar que se você usar o WordPress desta maneira, você terá que fazer sacrifícios:
- Não haverá nenhum conteúdo dinâmico “em tempo real” no seu site, de forma alguma.
- Nenhum artigo recomendado para você ou widgets que mudam para cada visitante.
- Você não pode usar o sistema de comentários embutido do WordPress.
Essencialmente, tudo que é gerado no lado do servidor (PHP) se tornará estático e atualizado manualmente. Os geradores de sites estáticos criarão uma página HTML completa baseada no seu conteúdo e, uma vez feito, não importa quantas pessoas visitem seu site, ele não será regenerado; não a menos que você digite um comando específico no seu computador.
Leitura sugerida: Como fazer o upload de um arquivo HTML para o WordPress.
Os desenvolvedores resolvem o “problema” comentando, ou não o usando ou mudando para soluções baseadas em JavaScript, sendo os mais populares Disqus ou comentários do Facebook.
Existem alguns plugins de cache do WordPress que você pode usar para criar arquivos HTML estáticos dos seus posts e páginas, mas se você estiver usando o Nginx como seu servidor web (se você não estiver, você realmente deveria, mas esse é um tópico para outro artigo) você pode simplesmente ligar o botão de cache de página inteira e configurá-lo para expirar em um dia ou uma semana. Quanto mais tempo você puder “dar-se ao luxo” de defini-lo, melhor.
O que acontece a seguir é que o primeiro visitante terá o servidor a gerar os ficheiros HTML completos, em cache, e quaisquer visitantes consecutivos dentro do período de expiração pré-definido serão servidos esses ficheiros. Aqui um Kinsta, nossos servidores usam o nginx fastcgi cache module para o cache de páginas. Como prepará-lo, perguntas tu? Bem, se você administra seus próprios servidores aqui está um guia extremamente detalhado da DigitalOcean que você pode seguir.
Se você é um cliente Kinsta, isto é automático para cada site WordPress e o cache, por padrão, expira a cada uma hora. Você pode, no entanto, abrir um ticket com nossa equipe de suporte dentro do seu painel MyKinsta e solicitar uma duração de cache mais longa. Por favor, certifique-se de compreender completamente as consequências de o fazer.
Cache de Página Completa do Cloudflare
Você também pode utilizar as regras da página Cloudflare com o WordPress e servir todo o seu site a partir do cache. WP Bullet tem um ótimo guia sobre como configurar o cache Cloudflare para seus posts e páginas do WordPress.
Isto pode ser muito benéfico para os locais que estão lançando um evento ou que estão esperando uma enorme onda de tráfego. Lembre-se, no entanto, se você estiver servindo inteiramente a partir do cache, você provavelmente terá problemas com o checkout do WooCommerce, sua barra de ferramentas de administração do WordPress e outras várias coisas que você precisará corrigir ou encontrar soluções.
Leitura sugerida: Como configurar o APO Cloudflare para WordPress.
Nós Fornecemos o Melhor de Ambos os Mundos
Geralmente não recomendamos servir todo o seu site a partir do cache, a menos que você tenha tempo para testar tudo corretamente. Por exemplo, quando se trata de WooCommerce: você pode armazenar em cache a página inicial “estática”, categorias, páginas de produtos (se você não mudá-los com muita freqüência) e então sim, ele será carregado quase que instantaneamente! Mas assim que alguém clicar em “adicionar ao carrinho” terá de mudar para uma versão sem cache, caso contrário, verá o carrinho sempre vazio.
Aqui na Kinsta, temos regras a nível de servidor para soluções de comércio eletrônico e blogs para garantir que o que deve ser armazenado em cache é, e o que não deve ser, não é.
Alguns exemplos incluem certas páginas do WooCommerce e EDD como carrinho, minha conta e checkout, estão excluídos do cache. E os utilizadores contornam automaticamente a cache quando o cookie woocommerce_items_in_cart ou o cookie edd_items_in_cart é detetado para garantir um processo de checkout suave e in-sync.
Isso proporciona um site WordPress de carregamento rápido, mas sem ter que se preocupar com a quebra das coisas.
Não quer hospedar todo o seu site com Kinsta, mas quer aproveitar a funcionalidade dinâmica do seu blog WordPress? Você pode querer olhar para o carregamento do seu site através de um proxy reverso. Nós suportamos este tipo de configurações.
WordPress ou Static?
Agora a questão do milhão de dólares… Se você está apenas construindo um pequeno site que é improvável que mude ou requeira novo conteúdo, HTML estático é uma ótima abordagem. Mas para qualquer outra coisa, o WordPress vai ser quase certamente uma escolha melhor. Isto é especialmente verdade se você não tiver acesso a um desenvolvedor.
A sua facilidade de utilização, combinada com a sua extensibilidade, são as principais razões pelas quais está agora a potenciar 42.7% de todos os sites na Internet. Agora, você já construiu um site com HTML estático sobre o WordPress? Ou você já desceu a rota do gerador estático do site?
Confira nossa Hospedagem Gerenciada de WordPress ou hospede seus sites estáticos de graça com a Hospedagem de Site Estático da Kinsta.
Brian tem uma enorme paixão pelo WordPress, e tem utilizado há mais de uma década e até desenvolve alguns plugins premium. Brian gosta de blogs, filmes e caminhadas. Conecte-se com Brian no Twitter.
Deixe um comentário