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
Criação de página de vendas para infoproduto - Solicitação de criação de página de vendas para infoproduto. 1. Nome do infoproduto: • Ebooks 2. Objetivo da página de vendas: • Converter visi...
Personalização de CRM e WhatsApp API - Personalizar script CRM. >> 01 Formulário web Personalizar o formulário web já existente: https://prnt.sc/15u4ruoeHiKt dessa forma: (por etapas) https://prnt.sc/hljbtD...
Aplicar meta title, meta tag e meta description em site HTML - Tenho um site em HTML e preciso aplicar alguns textos de SEO no site. Eu já tenho os textos prontos e só preciso de uma pessoa para aplicar no meu site, que não é em Wor...
Backend especialista em Nest.js e Node.js - Para este trabalho, é importante que tenha um bom conhecimento em Nest.js e Node.js. Vamos desenvolver um projeto modelo SaaS multitenancy, onde será necessário ter um painel a...
Deploy de aplicação Django em VPS Ubuntu - Estamos em busca de um profissional experiente para realizar o deploy de uma aplicação em desenvolvimento, construída com Django no backend e Bootstrap, HTML, CSS e JavaScript ...
