Migrar página Shopify para HTML, CSS e JavaScript
02/12/2024 às 13:54Descrição do Projeto:
Migrar uma página Shopify para uma solução independente em HTML, CSS e JavaScript puro, mantendo a aparência e funcionalidades existentes, com foco em desempenho otimizado para carregamento super rápido.
---
Etapas do trabalho:
1. Análise da página existente
Revisar a estrutura atual, design e funcionalidades.
Identificar pontos que podem impactar o desempenho, como imagens grandes, scripts desnecessários e dependências externas.
2. Planejamento da estrutura
HTML: Definir uma estrutura otimizada e semântica.
CSS: Planejar a organização com técnicas de carregamento eficiente.
JavaScript: Focar em scripts assíncronos e minimalistas.
3. Otimização de desempenho
Imagens:
Implementar formatos otimizados (WebP, SVG).
Usar lazy loading para imagens abaixo da dobra.
CSS:
Minificação e inline para CSS crítico.
Eliminação de CSS não utilizado (purge CSS).
JavaScript:
Minificação e carregamento assíncrono/deferido.
Substituição de bibliotecas pesadas por scripts customizados leves.
Fontes:
Carregamento assíncrono de fontes.
Preferir fontes do sistema quando possível para reduzir requisições externas.
Cache:
Configuração de cache agressivo para recursos estáticos.
Uso de pré-carregamento de recursos essenciais.
4. Desenvolvimento
HTML:
Estrutura leve e sem redundâncias.
CSS:
Aplicação de técnicas como CSS modular e uso de classes reutilizáveis.
JavaScript:
Scripts otimizados e minimalistas focados em performance.
5. Testes de desempenho e ajustes
Utilizar ferramentas como Lighthouse, PageSpeed Insights e GTmetrix para medir e ajustar a performance.
Garantir tempo de carregamento inferior a 2 segundos em conexões padrão.
6. Documentação
Incluir instruções sobre manutenção contínua do desempenho e boas práticas para futuras atualizações.
---
Resultados esperados:
Página totalmente funcional, responsiva, com carregamento super rápido (pontuação mínima de 90 em testes de performance).
Código limpo, eficiente e sem dependências externas desnecessárias.
---
Necessito de pressa para execução do serviço.
Habilidades desejadas:
Atividades do cliente nesse projeto:
Última visualização: 02/12/2024 às 13:58
Informações adicionais
| Categoria: | Web, Mobile & Software |
|---|---|
| Subcategoria: | Desenvolvimento Web |
| Orçamento: | Aberto |
| Nível de experiência: | Intermediário |
| Visibilidade: | Público |
| Propostas: | 43 |
| Interessados: | 56 |
| Tempo restante: | |
| Valor Mínimo: | R$ 50,00 |
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
-
Submetido: | Oferta: Privado | Duração estimada: Privado
Desenvolvimento de site institucional - Procuro web designer com conhecimento em WordPress e Elementor para o desenvolvimento de um site institucional. De preferência, que tenha portfólio de trabalho.
Criação de sites de notícias - Descrição: Preciso de um profissional sério, rápido e que faça o serviço combinado. Sobre o serviço, preciso que instale e configure todo um site e...
Criação de site simples em dois dias - Preciso criar um site simples onde não haverá vendas, será uma "vitrine". Comecei a montar pelo Google Workspace (sei que não é o melhor). O únic...
Landing page para marca de camisetas - Procuro um profissional para criar uma landing page de camisetas. Temos um site como referência.
Ajuste de fluxo e notificações via Typebot e N8N - Preciso ajustar um fluxo já existente no Typebot e configurar as notificações via WhatsApp com N8N ou Typebot.
