Sobre este projeto
it-programming / web-development
Aberto
Descrição do projeto — Etapa 1
Teste comparativo de templates Blogger e diagnóstico de performance mobile / Core Web Vitals
Esta contratação corresponde exclusivamente à Etapa 1 do projeto de atualização do site Áreas Verdes das Cidades, desenvolvido em Blogger.
O objetivo desta etapa é realizar uma análise técnica e comparativa dos templates Xpressify e Magazin, identificar os principais fatores que afetam o desempenho mobile do site — com atenção especial ao CLS (Cumulative Layout Shift) — e fornecer informações técnicas para a escolha do template que será utilizado posteriormente.
O site oficial não deverá sofrer nenhuma alteração durante esta etapa. Todos os testes com templates e conteúdo deverão ser realizados em ambiente separado de testes no Blogger.
Escopo da Etapa 1
Análise das demos públicas dos templates Xpressify e Magazin, incluindo peso, JavaScript, fontes, recursos que bloqueiam renderização e estabilidade de layout.
Instalação e teste das versões gratuitas dos dois templates em um blog de testes no Blogger, utilizando conteúdo representativo do site atual.
Comparação dos templates em condições equivalentes.
Testes específicos da:
página inicial;
matéria longa com muitas fotos;
página do mapa;
página de vídeos;
busca;
menu e navegação mobile;
comportamento relacionado ao AdSense.
Análise de desempenho mobile com PageSpeed Insights e Lighthouse, incluindo, quando aplicável, lcp, cls, inp/tbt, peso da página, javascript, scripts de terceiros, recursos que bloqueiam a renderização e carregamento de imagens.
Investigação das possíveis causas do problema de CLS identificado nos dados reais do site, diferenciando, na medida tecnicamente possível, problemas relacionados ao template, conteúdo e imagens antigas, AdSense, mapa e demais scripts.
Análise da implementação atual do mapa e de seu impacto no desempenho.
Avaliação das páginas com grande quantidade de imagens e identificação de possíveis problemas relacionados ao carregamento, dimensões e otimização.
Após a comparação, indicação técnica de qual dos dois templates apresenta o comportamento mais adequado para o site.
Após a escolha, instalação da versão premium do template selecionado no ambiente de testes, com nova verificação de desempenho antes de qualquer futura migração para o site oficial. A licença do template escolhido será adquirida separadamente pelo contratante.
Entrega de relatório comparativo e diagnóstico técnico, acompanhado dos links dos relatórios do PageSpeed Insights e capturas de tela/evidências dos testes realizados.
O relatório deverá também indicar os principais pontos que deverão ser corrigidos ou otimizados em uma eventual etapa posterior de migração.
Google Maps
A conta e a chave da API do Google Maps permanecerão sob controle do contratante. Se necessário para os testes, o endereço do blog de testes será incluído pelo contratante entre os domínios autorizados da chave. Não será necessário fornecer ao profissional acesso à conta Google.
Importante
Esta contratação contempla diagnóstico, testes e comparação, não a migração do site oficial nem a implementação definitiva das correções identificadas.
A eventual Etapa 2 – Migração e Otimização será objeto de uma extensão/nova contratação após a análise e aprovação dos resultados desta Etapa 1.
Valor da Etapa 1: US$ 300
Prazo: 1 semana, contado a partir do momento em que o ambiente de testes estiver preparado e os recursos necessários aos testes estiverem disponíveis.
Categoria TI e Programação
Subcategoria Programação
Qual é o alcance do projeto? Alteração média
Prazo de Entrega: Não estabelecido
Habilidades necessárias