Site + reservas / Turismo
Site com disponibilidade em tempo real, pagamento online e roteiros pela Andaluzia em nove idiomas, otimizado depois de uma auditoria de desempenho no celular que encontrou onde os segundos se perdiam.
Ficha técnica
sundaycampers.es
Um aluguel de campers vende principalmente para turistas estrangeiros que comparam pelo celular, às vezes do exterior e com pressa. Precisa mostrar disponibilidade real, cobrar sem intermediários e aparecer em vários idiomas. E a auditoria no celular de agosto de 2026 mostrou que a imagem principal levava quase cinco segundos para aparecer na tela, não pelo peso, mas por esperas evitáveis.
02 / Contexto
A auditoria dividiu o problema em partes mensuráveis. A espera até a imagem principal começar a carregar respondia por 65% do atraso, porque o elemento não existia até a página ser hidratada. A isso se somavam dois contêineres de analítica em paralelo, um redirecionamento da raiz para o espanhol que custava cerca de 700 ms e imagens carregadas de domínios de terceiros.
03 / Solução
O site foi construído com Next.js sobre Supabase e Stripe. A disponibilidade é lida de uma view diária por veículo e sincronizada com calendários externos via iCal. O preço é recalculado no servidor antes de criar o pagamento, e o próprio banco de dados impede que duas reservas se sobreponham. Depois da auditoria, as causas encontradas foram corrigidas no código, uma por uma.
Restrição de exclusão no Postgres para que duas reservas não possam se sobrepor
Preço recalculado no servidor, sem confiar no total enviado pelo navegador
Checkout com chave de idempotência e webhook com assinatura verificada
Hero renderizado no servidor com prioridade alta em vez de esperar a hidratação
Hreflang por idioma com x-default e sitemap com data de modificação real
O overbooking é evitado no banco de dados, não na interface. Mesmo que dois pagamentos cheguem ao mesmo tempo, o Postgres rejeita o segundo.
Cada correção responde a um achado medido na auditoria, não a uma lista genérica de boas práticas.
O público chega em muitos idiomas, então os roteiros, os veículos e as páginas de destino têm versão própria e hreflang recíproco.
04 / Escopo
05 / Resultados
A imagem principal agora é renderizada no servidor com prioridade alta, resta um único contêiner de analítica carregado de forma adiada, a raiz é resolvida com uma reescrita em vez de um redirecionamento e todas as imagens são servidas pelo próprio domínio. Falta medir de novo com a mesma metodologia para publicar os números de depois; quando estiverem prontos, aparecerão aqui com a data.
06 / Perguntas
Porque só publicamos números medidos com método e data. As correções estão no código; a nova medição com o PageSpeed Insights, com a mediana de várias execuções, será publicada nesta ficha quando estiver feita.
O download da imagem levava cerca de 126 ms. O tempo ia embora na espera: quase 1,8 segundo até começar a carregá-la, porque o elemento não existia no HTML inicial, e mais 0,8 segundo até poder exibi-la.