Performance em WordPress Headless

Performance em WordPress Headless e o que já aprendemos a respeito

Temos aprendido sobre como melhorar a performance em WordPress Headless. Vamos falar a respeito?

Seus amigos merecem saber desse conteúdo?

Performance em WordPress Headless tem sido um aspecto mais facilitado do que em projetos convencionais.

O site deixa de ter, por exemplo, uma estrutura com códigos back-end e front-end misturados para serem otimizados.

O trabalho de otimização é mais organizado e focado e os resultados têm sido ainda mais convincentes.

Cada pilar tem suas particularidades e respectivos desafios.

Mas a análise estratégica para a melhoria efetiva de performance em WP continua se baseando nos três pilares.

  1. Servidor / Infraestrutura;
  2. Tecnologia / Desenvolvimento;
  3. Conteúdo / Integração.

Os pilares da performance em WordPress Headless

Pilar do desenvolvimento, um dos três pilares da performance em WordPress

Vamos considerar os pilares de Servidor / Infraestrutura e Tecnologia / Desenvolvimento para pensarmos sobre o assunto.

Essa separação nos permite compreender melhor os desafios e adotar estratégias correspondentes a cada cenário.

Servidor / Infraestrutura

Temos dois pontos de atenção: a área administrativa e os endpoints da REST API.

Sobre a área administrativa, me refiro especificamente ao editor, ao WP em si, e à quantidade de pessoas que farão o trabalho de gestão.

Quanto mais pessoas estiverem trabalhando simultaneamente, maior é o desafio de infraestrutura.

Essa equipe precisa ter uma resposta rápida às suas operações que estão ligadas diretamente ao banco de dados da aplicação.

Ou seja, inserção, edição, atualização e exclusão de conteúdos diversos.

O esforço de performance estará centralizado no banco de dados.

Ele precisará ser adequado ao volume esperado e ter alto poder de performance / escrita.

Em alguns cenários, é possível ir além e trabalhar com uma replicação e estrutura com base de dados master e slaves.

A grande vantagem com estrutura Headless é que a concorrência de acessos com os visitantes do site de uma forma geral são centralizados unicamente nos endpoints da WP REST API.

Os retornos dessa API são JSON, logo um arquivo estático, portanto, podem ser cacheados e servidos mais rapidamente e com economia de recursos.

E para termos esse pilar colaborando ainda mais com a performance em WordPress Headless, podemos considerar o Redis.

Redis é um banco de dados de chave-valor que armazena os dados com a durabilidade desejada.

Cada retorno em JSON das consultas a API será armazenado nessa estrutura e o purge precisa ser devidamente tratado para garantir a limpeza e atualização do conteúdo.

Tecnologia / Desenvolvimento

A camada de visualização em projetos headless é inteiramente baseada em tecnologias front-end.

Essa camada será desenvolvida do zero e pode ter a concepção de performance desde o início.

Além disso, o servidor pode ser equipado com uma estrutura que ajudará no trabalho, como a adoção do IPv6, o protocolo HTTP/2, o servidor web NGINX, por exemplo.

É preciso ter cuidado com os frameworks utilizados. Me refiro, por exemplo, ao React, Vue.js, Angular e Bootstrap, considerando o carregamento somente dos arquivos a serem utilizados no projeto.

Os demais desconsidere e evite seu carregamento.

Serão arquivos a menos e por conseguinte haverá uma melhoria de performance.

Os assets também devem ser otimizados. Me refiro aos arquivos CSS, JavaScript, imagens e Fontes web.

E todos podem ser entregues com o GZIP aplicado.

CSS e JavaScript devem ser minificados para terem uma compactação e redução em seu tamanho.

As imagens precisam ser tratadas e assim eliminar todos os bytes desnecessários.

E como estamos tratando de arquivos estáticos, uma estrutura de CDN pode acelerar a entrega.

Ferramentas tradicionais podem ser utilizadas para medir a performance em WordPress Headless.

Conclusão

Performance em qualquer projeto web será um ponto central.

Os usuários preferem uma aplicação otimizada, com menor tempo de resposta e mais leve para sua navegação.

Bom tempo de carregamento também vai lhe ajudar na preferência dos algoritmos do Google e Facebook.

E esses dois são grandes responsáveis por direcionarem tráfego para o seu site.

Como vimos, performance em WordPress Headless pode ser facilitada se o projeto, desde o início, for bem concebido.