A diferença entre sites escritos à mão e sites Wordpress

No mundo do desenvolvimento web existem dois tipos de sites – estáticos e dinâmicos. Um site estático é aquele que possui apenas os principais blocos de construção do desenvolvimento web: HTML, CSS e JavaScript. Não há bancos de dados ou funcionalidades, nem manipulação de dados ou qualquer coisa sofisticada. Está apenas exibindo a página conforme ela foi criada. Essas três linguagens de codificação constituem tudo que você pode ver em um site e, em muitos casos, é tudo que você precisa. Quando você carrega um site estático, seu navegador é quem lê e compila o código do site e o carrega instantaneamente. Cada usuário está carregando exatamente o mesmo conteúdo. E uma das melhores maneiras de criar um site estático é codificá-lo manualmente (que é o que eu a Park Sites faz de melhor!) ou com um gerador de site estático.

Um site dinâmico (WordPress, construtores de páginas) é aquele que usa linguagens e tecnologias adicionais do lado do servidor para pegar HTML, CSS e ativos de um banco de dados e unir o site à medida que ele carrega no servidor. Depois de tudo isso, é enviado ao navegador. Em vez de os navegadores compilarem o código, é o servidor que o compila para o navegador e o envia, e em vez de cada usuário receber exatamente o mesmo conteúdo, todos recebem conteúdos diferentes individualmente. Isso torna o tempo de carregamento mais lento e seu site fica vulnerável a ataques de malware e hackers, interrompendo o processo do servidor que verifica o conteúdo do site no banco de dados. Sites estáticos não possuem bancos de dados, portanto não há nada para atacar. Iremos nos aprofundar mais nisso mais adiante na página.

Sites dinâmicos incluem sites criados por WordPress, Wix, Squarespace, GoDaddy, construtor de páginas ou php integrado, etc. Esses construtores de páginas armazenam os ativos e o conteúdo em um banco de dados e quando alguém visita o site, o servidor verifica seu inventário de coisas que o navegador está solicitando e os puxa desse banco de dados e os junta na página de destino que você vê. Embora esses construtores de páginas facilitem a criação de seu próprio site e sejam baratos, há ENORMES desvantagens quando comparados aos sites estáticos.

Por que os sites estáticos são mais rápidos do que os sites dinâmicos?

Um dos aspectos mais importantes da classificação do seu site no Google é a rapidez com que ele carrega e funciona - especialmente em dispositivos móveis. O problema dos sites dinâmicos (WordPress, Wix, etc) é que o servidor demora mais para verificar o banco de dados e juntar tudo. E quanto mais plug-ins e coisas extras você tiver em seu site, mais você o deixará lento. Isto é fundamental porque estudos mostram que a maioria dos usuários abandonará um site se ele demorar mais de 3 segundos para carregar. Então, se o seu site está demorando mais de 3 segundos para carregar, de que adianta tê-lo se a maioria dos usuários nem mesmo o visualiza? Essa é uma das MAIORES desvantagens que vejo nos sites WordPress e Wix - eles podem demorar muito para carregar e custar dinheiro.

Sites estáticos, no entanto, podem carregar até 10 vezes mais rápido do que um site dinâmico porque não é necessário fazer cirurgia no site e recolocar os membros da página o mais rápido possível na mesa de operação do navegador. Tudo já está pré-construído, então tudo o que o navegador precisa fazer é carregá-lo e jogá-lo pra gente. Não há plug-ins, bancos de dados, espaço desperdiçado ou inchaço. Cada linha de código que escrevo em meus sites é feita com um propósito e escrita de maneira organizada que é fácil para o Google ler e entender. Sites dinâmicos como o WordPress têm TONELADAS de códigos inchados e confusos que apenas atrapalham ainda mais o tempo de carregamento.

Imagine que você tem um prato de espaguete e quer saber quanto macarrão tem no seu prato. Bem, eles estão todos misturados e emaranhados uns nos outros e levará muito tempo para separá-los e contar quantos noodles existem e entender isso. No seu outro prato (seu prato “estático”) você tem todo o seu macarrão alinhado em belos grupos de 10 no prato com a carne ao lado pronta para comer (por favor, não coma espaguete assim). É muito mais fácil e rápido analisar quanto macarrão você tem quando tudo está agrupado e organizado de acordo. Essa é a diferença na aparência do código de um site dinâmico em relação ao código de um site estático. É chamado de “código espaguete”. E torna o carregamento de um site um esforço mais demorado para o navegador analisar e carregar, e os rastreadores de pesquisa do Google terão dificuldade em entender seu conteúdo e o que ele significa, já que ele está escondido em uma confusão de códigos sem contexto.

O tempo de carregamento de referência para um site é de 2 segundos. Os sites estáticos feitos à mão da Park Sites muitas vezes podem carregar em menos de 0,5 segundos, significativamente abaixo da média. Eles carregam quase instantaneamente. O código é agrupado e organizado para que a leitura e a compreensão sejam mais fáceis para o seu navegador e para o Google, o que melhora o tempo de carregamento e, por sua vez, evita que os clientes saiam do seu site e melhora a classificação do seu site no Google. Portanto, se o seu site não está gerando muitos negócios, verifique quanto tempo leva para carregar com esta ferramenta do Google.

Se o tempo de carregamento for superior a 3 segundos, é provável que as pessoas saiam antes mesmo de alcançá-lo.

Falando em Google e velocidade, eles recentemente fizeram uma atualização em seu algoritmo de pesquisa, no qual classificam seu site com base no desempenho do site para celular, chamado Mobile First Indexing. Então, basicamente, quanto mais rápido o seu site para celular carregar, melhor será sua classificação. É aí que os sites estáticos sempre vencem.

Programação mobile first e aumento da velocidade do site

A programação mobile first é algo que não pode ser feito por um construtor de páginas. É um padrão de design no qual nós, como desenvolvedores, escrevemos o código, começando primeiro pelas telas do celular e adicionando código para tablet e desktop à medida que avançamos no arquivo. Quando o navegador lê o arquivo CSS para ver como a página deve ser estruturada e estilizada, ele o lê de cima para baixo. Se começarmos escrevendo o código para desktop, o navegador irá lê-lo primeiro e carregá-lo, depois continuará descendo a página, verificando regras para diferentes tamanhos de tela e carregando esses designs, editando o conteúdo do desktop para caber no celular. Se você estiver no celular e o código do celular estiver na parte inferior do arquivo CSS, o navegador terá que ler TODO o código desse arquivo, carregar o código do desktop, verificar a regra de tamanho da tela e dizer “ok, isto é um celular”. Em seguida, ele precisa dividir tudo do desktop e comprimir tudo na tela do celular. Isso desperdiça tempo e recursos.

Com a abordagem mobile first, seu código mobile fica no topo e é lido primeiro. Então, quando você está no telefone e o site carrega, ele carrega primeiro o código de estilo do celular, verifica as regras de tamanho da tela e diz “bem, é isso, coloquem esse código na tela. É hora do show!“.

Deixe-me dizer por experiência própria: é mais fácil fazer o conteúdo crescer em seu espaço, em vez de reduzi-lo e amontoá-lo em espaços menores. A programação mobile first + o desenvolvimento de site estático tornarão seu site extremamente rápido. Pode até chocar algumas pessoas.

Por que os sites estáticos são mais seguros do que os sites dinâmicos?

Sites dinâmicos possuem bancos de dados e plataformas do lado do servidor que podem ser atacados quando tentam acessar o banco de dados ou sistemas de gerenciamento de conteúdo que armazenam todos os dados do seu site. Assim, enquanto o servidor constrói o site e o prepara para o navegador, os hackers podem se intrometer no processo e comprometer o seu site.

Sites estáticos, entretanto, não têm nada para atacar. Não há banco de dados, nem tokens de sessão, nem informações sendo coletadas ou transmitidas para um hacker interferir ou interceptar. Não há etapas para eles entrarem e esconderem algo no bolso traseiro do nosso site a caminho do navegador.

Um dos problemas dos sites WordPress é a quantidade de plugins que você precisa usar. Se você criar um site WordPress e esquecê-lo por um tempo, muitos desses plug-ins terão atualizações para corrigir vulnerabilidades de segurança e, se você não atualizá-los, seu site não estará protegido contra invasores e, às vezes, os plug-ins desatualizados irão simplesmente não se dar bem com os outros e isso derrubará todo o site sem você saber. Quem tem tempo para acompanhar todas essas atualizações e patches? É aí que o trabalho com a criação de sites estáticos da Park Sites realmente se destaca - não há necessidade de atualização. É apenas HTML e CSS. Não há patches de segurança a serem feitos manualmente para manter seu site seguro e protegido. Quando acabar, está feito.

E como o WordPress é o sistema de gerenciamento de conteúdo (CMS) mais popular para construção de sites, os hackers terão como alvo específico os sites WordPress para explorar vulnerabilidades conhecidas e direcionar sites com versões e plug-ins desatualizados. Seu site tem um alvo nas costas. Seguindo o caminho do site estático, removemos esse alvo das suas costas e seu site pode viver livremente sem se preocupar em ser sequestrado nas ruas da Internet.

Mas e os servidores em que esses sites estáticos residem? Eles não podem ser comprometidos e o site pode cair? Não! Quando seu site estático é servido por uma Content Delivery Network (CDN), seu site fica em vários servidores em todo o mundo, pronto para ser acessado. Portanto, quando um servidor fica inativo, ele pode ser carregado de outro em um local diferente. Sem tempo de inatividade!

Sites estáticos feitos à mão vs WordPress e Wix

No geral, sites estáticos feitos à mão quase SEMPRE vencerão construtores de páginas como WordPress e Wix. Sites estáticos carregam em milissegundos em comparação com os vários segundos ou mais que um site WordPress ou Wix pode levar. E o fato de serem quase virtualmente impenetráveis ​​contra hackers ou comprometimentos devido à sua simplicidade os torna os vencedores na luta pelo seu negócio.

Atualmente, os sites dinâmicos também não oferecem maneiras de programar primeiro para dispositivos móveis e não conseguem aproveitar seus benefícios. Um dos problemas que você pode ver é encontrar um site Wix e tentar redimensionar o navegador. Você notará que eles não oferecem uma versão do seu site para tablet e a página inteira não é muito responsiva, o que significa que o conteúdo não muda ou se move conforme a tela fica maior ou menor. Em certos tamanhos de tela, o conteúdo da sua página da web está comprimido em sua caixa e, na verdade, está sendo cortado nas bordas da tela porque não tem para onde ir e agora as pessoas nem conseguem ler o que está lá. Ou o texto pode começar a envolver as imagens de maneiras estranhas, distorcendo o layout, fazendo com que seu site pareça quebrado. Esses construtores de páginas não oferecem a quantidade de controle necessária para tornar seu site responsivo a qualquer tamanho de tela possível sem saber como codificar e acessar a API dos construtores de páginas para se comunicar com seu sistema e fazer um trabalho muito personalizado e complicado.

Por que eu deveria pagar alguém para fazer um site quando eu mesmo posso fazer isso?

Wix e WordPress anunciam que qualquer pessoa pode criar um site gratuitamente, o que o torna muito atraente para pequenas empresas que não têm dinheiro para contratar um desenvolvedor como eu para torná-los um. No entanto, se a velocidade da página, o tempo de carregamento, a segurança, a conversão de mais clientes e as classificações do Google são preocupações que você gostaria de abordar em um site e deseja se destacar da concorrência, então eu recomendo fortemente encontrar alguém para fazer um site estático para você (como a Park Sites!). Pense desta forma: qualquer pessoa pode simplesmente comprar tinta e pintar a própria casa. Mas nem todo mundo conseguirá fazer isso com a mesma qualidade de um profissional, e sua casa sofrerá por isso e ficará péssima. Assim como a pintura, o desenvolvimento web é uma profissão e pode sair um pouco caro. Ter um site estático construído por um desenvolvedor pode custar entre R$ 1.800 e R$ 3.000 ou mais, dependendo da complexidade. Portanto, é natural sentir-se atraído por criadores de páginas e economizar dinheiro fazendo você mesmo. Não há nada de errado com isso! Mas se você deseja levar seu negócio para o próximo passo, pare de deixar dinheiro na mesa e considere criar um site estático. Faça algo que tenha um desempenho melhor e ganhe vantagem na concorrência.

E existem alguns desenvolvedores que criam sites WordPress personalizados e fazem um bom trabalho e se preocupam com o que fazem. Não estou dizendo que TODOS os sites ou desenvolvedores WordPress são trapaceiros ou fazem produtos terríveis. Eles ainda são totalmente aceitáveis ​​para uso e têm seus propósitos. Se você precisa de um site que TEM um banco de dados e construa dinamicamente centenas de páginas dependendo do conteúdo que o visitante está solicitando, então é aí que o WordPress brilha. WordPress é ótimo para pessoas que desejam editar seu próprio conteúdo, criar uma loja online, aplicativos personalizados ou manipulação de dados e qualquer coisa que precise de um banco de dados. Sites estáticos são apenas isso - são estáticos, imutáveis. Eles são perfeitos para sites que precisam apenas exibir informações. Eles não armazenam, nem manipulam, nem geram novos conteúdos individualmente para cada visitante. Usar o Wordpress para criar um site estritamente informativo é como usar uma britadeira para cravar um prego.

Provavelmente, sua concorrência também terá um site WordPress. Alguns desenvolvedores ou agências cobram milhares para criar esses sites WordPress simples que poderiam ter se tornado estáticos, e muitos deles são apenas modelos de negócio em que eles entregam a você sem nenhum suporte. Portanto, será difícil encontrar um bom desenvolvedor ou agência, mas valerá a pena. Você só precisa de um tempo para separar os ruins dos bons.

Invista no seu site

Na minha experiência, existem dois tipos de pessoas: empresários e empreendedores. Um dos erros mais comuns que os proprietários de empresas cometem quando se trata de um site é vê-lo como uma despesa, e não como um investimento. Os empreendedores entendem que quando você gasta dinheiro no negócio é um investimento no negócio, não uma despesa, e podem justificar o valor vendo o retorno que o investimento trará. Por exemplo, você compra um site de um desenvolvedor por R$ 3.000 para criar um site estático para você. Parece muito, mas com um site com melhor aparência e melhor desempenho, você poderá converter visitantes em clientes que teriam deixado o site porque demorou muito para carregar ou parecia desatualizado, horrível e com aparência de desconfiança. R$ 3.000, de repente, estão gerando R$ 10.000 extras por ano ou mais, depois de algum tempo em novos negócios. Se você pudesse gastar R$ 3.000 e em um ano ganhar R$ 10.000 com isso, você faria esse “investimento”? Eu sei que tirei esses números do nada, mas isso não significa que não seja possível.

Vejamos como eu faço as coisas. A Park Sites vende sites por R$ 299 por mês. Alguns podem estar pensando “por que devo pagar todos os meses durante anos?” Pense desta forma, com todos os benefícios que os sites estáticos têm, ele rendeu mais de R$ 299 por mês em valor este mês? As respostas quase sempre serão sim. Consideremos um negócio que, por exemplo, ganha mais de R$ 800 por novo cliente. Se o site atrair apenas 1 cliente extra por mês, isso representa um retorno de R$ 501. E por esses R$ 299 por mês você tem alguém de plantão 24 horas por dia, 7 dias por semana, para cuidar do seu site para você, fazer atualizações no site para mudanças nas prioridades dos algoritmos de pesquisa e responder a qualquer dúvida que você possa ter. Você está adquirindo mais do que apenas um site, você está adquirindo um parceiro que também investe no sucesso do seu negócio.

Portanto, com todas essas opções baratas e rápidas disponíveis para construir um site, é importante saber que um ótimo site nunca sairá dessa faixa de preço. Na verdade, deveria ser um impedimento. Se eu tivesse que fazer uma cirurgia, certamente não confiaria no médico que encontrei on-line para fazer isso por cerca de R$ 350, quando custa R$ 4.000 em qualquer outro lugar. Isso simplesmente grita falta de qualidade e falta de esforço e em algum lugar ao longo do caminho eles estão pulando algumas etapas para fazer isso o mais rápido possível para ganhar o máximo de dinheiro possível com o mínimo de esforço possível. Seu negócio merece melhor. Se você quer um site barato, espere resultados baratos. Mas se você quiser que tudo seja bem feito, é aí que entra um desenvolvedor.

Conclusão

No final das contas, quer você opte por um site estático ou dinâmico, tudo se resume ao seu orçamento e prioridades. Se você não tem muito para gastar em um site e só precisa de algo disponível, não há problema em usar WordPress ou Wix. Mas se você tem orçamento para fazer algo que seja um avanço e possa maximizar sua presença online, criar um site estático é seu melhor retorno do investimento. Ou se você precisar de algo maior que envolva a necessidade de um banco de dados ou a capacidade de editar seu conteúdo sozinho, o WordPress e outros construtores de páginas são a melhor opção.

Com meu modelo de negócios, você não precisa escolher entre fazer isso sozinho para economizar dinheiro ou contratar um desenvolvedor para fazer isso por um preço alto. Porque em vez de cobrar mais de R$ 2.500 pelo meu trabalho, eu ofereço R$ 299 por mês para que meu trabalho possa ser mais acessível para pequenas empresas que mais precisam dele e precisam de um parceiro em quem possam confiar para cuidar da parte web de seus negócios enquanto cuidam do dia a dia. Meu objetivo é construir um site que dure anos e ajude você a expandir seus negócios, e farei parte disso com você em cada etapa do caminho.