Sejam bem-vindos ao novo episódio da saga que será introduzida nas próximas versões do blog! Nesta série de artigos, vamos explorar como melhorar a performance do seu blog com Laravel, VueJS com Nuxt, Redis como cache, uso de CDN, e muito mais. Fiquem com a gente e descubram técnicas incríveis que podem transformar seu blog!

A Evolução do Sbblog: Como Melhorar Códigos Abertos

Neste primeiro capítulo, vou mostrar como evoluo meus códigos abertos, como o Sbblog, que é o próprio blog que estamos aprimorando. Já utilizo este blog há algum tempo e, ao longo dos meses, consegui números interessantes apenas com o poder dos artigos. Como podem ver, o design não é o mais moderno ("mas isso vai mudar com VueJS e Nuxt"), e também não temos ainda a melhor navegação fluída. Vamos iniciar uma análise detalhada de como melhorar esses pontos.

Desafios de Desempenho: Tempo de Permanência e Engajamento

Segundo o Google Analytics, o tempo médio que os visitantes ficam no blog é de apenas 38 segundos, um número relativamente baixo. Para melhorar a retenção de visitantes, vou implementar técnicas de recomendação de artigos semelhantes dentro do próprio conteúdo. Por exemplo, se o usuário se interessar pelo artigo sobre validação de números de celular brasileiros usando expressões regulares, o sistema automaticamente irá sugerir mais artigos sobre o tema.

O que está por vir:

• Interface mais amigável e fluída, com artigos sugeridos conforme o interesse do usuário.
• Recarregamento dinâmico da página sem paginação, utilizando a barra de rolagem, para facilitar a navegação.

Melhorias na Navegação e no Design

Estamos reformulando a página inicial do blog para exibir de forma mais prática:

• Os 4 últimos artigos que você leu.
• Os 4 artigos mais recentes.
• Os 4 artigos mais visitados.

Além disso, vamos substituir a tradicional paginação pela rolagem infinita, permitindo uma navegação contínua e sem interrupções.

Aumentando o Engajamento: Interatividade em Tempo Real

O engajamento nas sessões de comentários tem sido um desafio. Mesmo com a implementação do Google Recaptcha, ainda há uma quantidade considerável de spam. Para combater isso, vamos usar tecnologias serverless para analisar a língua do comentário e garantir que só comentários em português sejam postados em artigos escritos em português.

Além disso, estamos introduzindo ferramentas de IA para filtrar comentários pertinentes, garantindo que o sistema bloqueie os comentários de spam de forma mais eficaz.

Outras novidades:

• Possibilidade de ter múltiplas línguas no blog.
• Painel administrativo remodelado e mais intuitivo.
• Rascunhos salvos automaticamente a cada segundo, para garantir que seu conteúdo nunca seja perdido.

Otimizando o Backend com SSE e Armazenamento em CDN

A principal novidade no backend será a introdução de uma rota segura de SSE (Server-Sent Events). O Nuxt vai receber notificações em tempo real para limpar o cache de determinadas rotas, sem necessidade de recarregar a página. Isso, junto com o armazenamento de imagens em CDN, vai otimizar ainda mais a performance do blog.

Novos Recursos e Estratégias de Monetização

Essas novas funcionalidades estarão disponíveis no blog, mas não serão obrigatórias, pois sabemos que há custos associados à implementação de cada uma. No futuro, poderemos oferecer esses recursos como serviços pagos, onde você pagará por requisição, tornando os custos mais justos e escaláveis.

Analisando a Performance no Google Search Console

Uma das ferramentas que utilizo para monitorar o desempenho do blog é o Google Search Console. Ele mostra que, embora o blog tenha 25 mil impressões em 3 meses, o número de cliques é de apenas 1.140. Isso indica que as descrições nos resultados de busca podem ser aprimoradas para tornar os artigos mais atraentes e aumentar o número de acessos.

O que vamos melhorar:

• Refino das meta descrições para atrair mais cliques nos resultados de busca.
• Otimização das titulações para refletir melhor o conteúdo e engajar mais usuários.

O Que Vem Por Aí

No próximo capítulo, vamos explorar a implementação do VueJS com Nuxt, e vou mostrar o novo layout inicial do blog que estamos criando no Figma.

Fiquem ligados para mais atualizações e novidades!